internet-explorer-7 | 易学教程

IE7 ignores CSS attribute selector only on pages coming from production server

阅读更多关于 IE7 ignores CSS attribute selector only on pages coming from production server

问题 On my website, IE7 seems to be ignoring certain CSS attribute selectors. The strange thing is that it only happens when the page comes from the production server. If I have the exact same code on my personal server, or saved on my hard drive, it works fine. Here is an example which causes the problem: <!DOCTYPE HTML> <html><head> <title>IE display test</title> <style type="text/css"> [type=button] { display: block; } </style> </head> <body> <input type="button" value="Button 1"/> <input type=

Element doesn't appear in IE7 until I edit it through Developer Toolbar

阅读更多关于 Element doesn't appear in IE7 until I edit it through Developer Toolbar

This one has me stumped - I have an element on my page with an absolute position, inside of a container with a relative position. In all browsers except IE7, it appears in the correct spot with no issues at all. In IE7, the element doesn't appear until I add or edit any of its CSS properties in the Attributes tab of the Developer Toolbar (even properties that have nothing to do with its visibility or position, like color ). Once I do so, it then appears correctly - and even remains visible if I delete the property that I just added (or undo the modification)! This must be an IE7-specific

Why is my text being cut off in IE7?

阅读更多关于 Why is my text being cut off in IE7?

问题 The text on my web page looks fine in Firefox & Safari, but in IE7 certain portions are cut off. It looks like (but it hasn't) it has been placed in a smaller element with overflow: hidden; . Anyone know how to remedy this? 回答1: You need to specify the line height to match the font size... CSS h1 { font-size: 2em; line-height: 2em; /* or 100% */ } See also IE7 is clipping my text. How do I adjust its attitude? 回答2: I had the same problem for IE9 and spent a lot of time fiddling around with

Problem with position absolute in ie7, div moves 10px to the right

阅读更多关于 Problem with position absolute in ie7, div moves 10px to the right

ive got a problem on my position absolute property on IE7. My div moves 10px to the right. Below is my code. IE8 and 9 works fine. id menu is the div Im referring. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{margin: 0 0 0 0; padding: 0 0 0 0;} #holder{width: 400px; height: 500px; margin: 0 auto;} #left{float: left; width: 50px; height: 500px; background-color: red;}

Why is jQuery Ajax so slow on IE7?

阅读更多关于 Why is jQuery Ajax so slow on IE7?

I am having a problem with jQuery AJAX calls on IE7. This simple code works fine on FF and Opera. But on IE7 it takes 3-5sec. - that's 20 times slower than FF! Loading content is pure HTML and inline JavaScript code. No JS rendering. I even turned of the inline JavaScript code. Bu still slow. $('#block').load('some url'); How to overcome this problem ? Any help would be greatly appreciated. How to overcome this problem ? Any help would be highly appreciated. Detect IE7 on page load, and provide a discrete suggestion that users who don't like slow loading should upgrade. I had the same problem

Why FB.getLoginStatus doesn't work in IE7?

阅读更多关于 Why FB.getLoginStatus doesn't work in IE7?

问题 I am using FB.getLoginStatus for an application in Facebook. This works fine in all the browsers, including IE8. But it doesn't work for IE7. My code is: FB.getLoginStatus(function(response) { if (response.session) { alert("logout"); } else{ FB.Event.subscribe('auth.login', function(response) { login(); }); alert("login"); } }); Does anyone know why? 回答1: According to the documentation at http://developers.facebook.com/docs/reference/javascript/fb.init/, the proper solution is to create a

CSS <ul> <li> gap in IE7

阅读更多关于 CSS gap in IE7

问题 I have a CSS <ul> <li> nested menu that works perfectly in IE 8 and firefox but in IE7 it produces a small gap between the elements. this is my CSS: #nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position:static;/*the key for ie7*/ line-height: 1.5em; } #nav li { float: inherit; position: relative; width: 12em; } #nav ul { position: absolute; width: 12em; top: 1.5em; display: none; left: auto; } #nav a:link, #nav a:active, #nav a:visited { display:

Image and text inside of <a> tag

阅读更多关于 Image and text inside of tag

This is the html asp.net generated (with some client-identifying details removed) In Windows XP / IE 7 clicking on the image does nothing. Click on the text executes the hyperlink. Right-clicking anywhere and then selecting open in new window or open also works. In other browsers, it all works as expected. Is there anything simple anyone can see that I could do to this to get it to work correctly in IE7? <div id="hdrXXX"> <a id="ctl00_XXX" title="XXX" class="hdrXXX" href="http://google.com" target="_blank"> <div style="float:left;display: block;"> <img id="ctl00_XXX" src="Images/XXX.png" style

How to get content of <noscript> in Javascript in IE7?

阅读更多关于 How to get content of in Javascript in IE7?

I'm trying to get the content of a <noscript> tag using Javascript. I succesfully managed to get it in FF, Chrome, Opera and even IE6 but fail on IE7 (haven't tried IE8+ yet). Basically, here's the reduced code version : <noscript>Lorem ipsum</noscript> <script> var noscript = document.getElementsByTagName('noscript')[0]; noscript.textContent; // undefined noscript.innerHTML; // empty string noscript.childNodes.length; // 0 </script> I tried adding element inside and targeting them, no success. I tried to wrap in a parent element and getting its .innerHTML , but anything between <noscript>

combining IE6 and IE7 css hacks in same stylesheet

阅读更多关于 combining IE6 and IE7 css hacks in same stylesheet

I usually use IE conditionals and have a stylesheet for each. This for me is a much neater way to do this. However due to a certain constraints, I have to hack ie6 and 7 in the same stylesheet. I know it won't validate, but how do you isolate ie6 and ie7 with hacks in the same stylesheet? Comprehensive List of Browser-Specific CSS Hacks Source: http://paulirish.com/2009/browser-specific-css-hacks/ /***** Selector Hacks ******/ /* IE6 and below */ * html #uno { color: red } /* IE7 */ *:first-child+html #dos { color: red } /* IE7, FF, Saf, Opera */ html>body #tres { color: red } /* IE8, FF, Saf,