internet-explorer-7 | 易学教程

How to deal with IE7 not determining the width of floated items correctly?

阅读更多关于 How to deal with IE7 not determining the width of floated items correctly?

问题 Frequently in my projects, I use floated elements. This all plays pretty nicely until IE7 gets involved and starts mucking things up. Take this code, for example: HTML <div id="container"> <div id="element-1" class="left"> Some content </div> <div id="element-2" class="right"> Some much longer, more complicated content </div> <div class="clear"></div> </div> CSS .left { display:block; float:left; } .right { display:block; float:right; } .clear { clear:both; visibility:hidden; } In a lot of

JQuery offset returns elements “old” position in IE7

阅读更多关于 JQuery offset returns elements “old” position in IE7

问题 Ok, got a weird bug going on here and so far google has failed to turn up anything addressing it. When using IE7 (actually IE8 compatibility) the JQuery offset function is not returning the current offset of an element. Here is a really quick test page to demo the issue: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script> <style type="text/css"> div#Content { height: 400px; overflow: auto; border: solid 1px

Setting opacity of dynamically generated element in IE7

阅读更多关于 Setting opacity of dynamically generated element in IE7

问题 I'm creating a div in js and setting it's opacity. This works no problem in IE8: var div = document.createElement("div"); div.setAttribute("style", "opacity: 0; visibility: hidden; filter: alpha(opacity=0)"); This element fades in/out, which also works great in IE8: if (_SU3.browser == "IE") { var op = element.filters.alpha.opacity; var newOpacity = op - (opacityStep * 100); if (newOpacity <= 0) { element.filters.alpha.opacity = 0; element.style.visibility = "hidden"; } else { element.filters

IE7 change event not being triggered

阅读更多关于 IE7 change event not being triggered

问题 Am I doing something wrong? Why isn't the click event registering on the first keydown? http://jsfiddle.net/vol7ron/VJ5CX/ In the example, Click the "Menu" to make sure it has focus Use the arrow keys (up/down) to highlight an option Use the spacebar to select the option Notice how the change() event is not being called. Use the spacebar again to select the same option and notice it is working as it should. I've tried: using the blur/focus according to this question, but haven't had any luck

Why is IE7 so slow compared to Safari?

阅读更多关于 Why is IE7 so slow compared to Safari?

问题 I have a large "grid" of data that takes about 40 seconds to generate and dump as plain text. If I wrap the text with html table formatting (with fixed td widths) it takes over 200 seconds to completely display in IE7, and under a minute to display in Safari. Small "grids" display in under 5 seconds in either browser, so I don't think it's related to anything other than data volume. Is there anything I can do on the server side to speed up IE7 display? Telling the users to stop banging their

Jquery text() compare to title in IE7

阅读更多关于 Jquery text() compare to title in IE7

问题 In response to my last question here: Jquery to detect identical class and text for tab navi I have a got it succesfully working in all browsers except IE 7. IE 8,9 FF 5,6 Safari and Chrome all can implement my code correctly except ie7. Anyone suggestions? Fiddle http://jsfiddle.net/arkjoseph/3FrDY/ 回答1: DEMO $("ul.nav li").click(function() { var i = $(this).index(); $(".slideMove .slide").fadeOut("slow"); $('.slideMove .slide:eq('+i+')').fadeIn('slow'); }); I think you are complicating

IE7 position:fixed and margin-top problem

阅读更多关于 IE7 position:fixed and margin-top problem

问题 I currently have an html setup that looks like: <section class="topBar">The site's permanent top bar</section> <header class="body">Some header info here</header> And a CSS setup like: .body { clear: both; margin: 0 auto; width: 600px; } header { height: 46px; margin: 30px auto 20px auto; } .topBar { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } The goal is to have topBar stay at the top of the page, and the header and all after it scroll below it. That for the most part

IE7 and jQuery .html / .empty / .css not firing

阅读更多关于 IE7 and jQuery .html / .empty / .css not firing

问题 I have a page using a bunch of tables that are generated by a .NET repeater on page_load. These tables can have one of two classes: fileExists or fileDoesNotExist . On document.ready , I have the following: $document.ready(function () { $('.fileDoesNotExist').each(function () { $(this).html("<h3>FILE #" + $(this).attr('id').replace('T', '') + ":</h3><p><a href=\"/cp/media-upload.aspx?seq=" + $(this).attr('id').replace('T', '') + "\">click here to upload an MP3 or video</a></p>"); $(this).css(

CSS bleed-through with cfinput type=“datefield”

阅读更多关于 CSS bleed-through with cfinput type=“datefield”

问题 I have a form using multiple <cfinput type="datefield" ...> . They are positioned in such a way that the pop-up CSS calendar should appear over the field for others. However, the text fields for the other dates end up in front of the calendar. This is only an IE issue as Firefox and Safari work just fine. Is there a simple CSS hack or some other simple thing I can do to get the calendar to act as it should? Re-arranging the form is not very helpful. 回答1: Well, you have to encapsulate your

parent.document.getElementById(“…”) is null or not an object in IE7

阅读更多关于 parent.document.getElementById(“…”) is null or not an object in IE7

问题 I have done some research, but as a JavaScript novice, I can't seem to get anything to work for my specific case: I have an iframe in a page, and in that iframe's document, I have the following code: function fun(){ var slideTitle = api.getField('title'); parent.document.getElementById("slidecaptionOoH").innerHTML = slideTitle; In the parent document I have: <h4 id="slidecaptionOoH"></h4> I've tried putting a comment in between the tags, but I still get the error in IE7. The page displays