So I'm using a very basic jQuery. Slide Down which is working in FF, Safari, and Chrome, will not work at all in IE 7. Here's the script:
// Top mailing list animation $ (document) drop Down .ready (function () {$ ('div # top_mailing_hidden') Hide (); slide ("slow");}); // Collapse panel $ ("input # top_mailing") "$ 1" ("input # topmailing"). .blur (function () {$ ("div # top_mailing_hidden") SlideUp ("Slow");});});
I am researching for hours and found something about a bug related to SlideUp / Below which causes it to fail in IE 7 when the descendants of Posten Used on: Definitive Element: This animation is happening within a situation: Nine fixed, however, I have tried to wrap the internal elements with the situation: relative but no benefit, I still have to Nothing gets Also, note that the Niv element is hidden with jQuery, this function is also working in IE 7, however, there are no slides / downs.
Here is the related CSS:
/ * -------------- Top dropdown mailing list -------- ----------- * / #top_nav div # top_mailing {true name; Width: 351 pixels; Padding: 0 10px 10px 5px; Background: url (images / top_mailing_bg.png) not center-repeat; Status: Completed; Top: 0; Correct: 0; Color: #fff; Lesson: 0-1px 0px # 222; } #top_mailing #top_mailing_hidden {font-size: .7em; Text align: center; Status: Relative; Height: 30px; Zoom: 1; } #top_mailing #top_mailing_hidden div {} #top_mailing #top_mailing_hidden a {color: # acffc0; font-weight: bold; } #top_mailing #top_mailing_viewable {height: 30px; font-weight: bold; Font size: .9em; Padding-top: 5px; }
jQuery's slideup ()
, Work with IE7 in slideDown
and slideToggle ()
Status: relative
elements Do not do it. Some slide problems can be solved by adding
zoom: 1;
For sliding containers and / or elements.
Let us call & lt; Table & gt; for the layout to solve some sliding problems.
No comments:
Post a Comment