internet-explorer-7

问题 I have an IE specific problem. On the bright side it works well on all other browsers. The problem occurs when clicking the .close_button_page image which should perform the simple animate function, moving the div to the left. In IE 8 and below, it simply says invalid argument in the console. I have found issues like this online but none address the problem. Note: There are many other IE bugs ( z-index etc) at the moment so please ignore that. HTML: <div id="content-left"> <img class="close

问题 I know this is not the best thing to do in view of accessibility, but I have a genuine need to disable the user from zooming onto the page using CTRL+ in IE7. I got it working for the other browsers the following way, but IE7 seems to ignore the "return false": $(window).keydown(function (e) { alert('key is down'); // this fires return false; // but this has no effect in IE7! }); 回答1: This is better and correct way: $(document).ready(function() { var ctrl = false; $(document).keydown(function

问题 i have a css class: text_css in which i want to apply the inherit property.this is working fine for IE8 and IE9. i know inherit dont work for IE7. can anyone suggest any workaround for this? 回答1: The workaround is to set the property to the specific value that should be inherited. Whether this is feasible depends on the context. For example, if you would like to have input elements have the same font family as the surrounding content, you can use input { font-family: inherit; } , though this

问题 I have installed superfish module in joomla 1.5 . I have a problem in IE 6,7 . the width of 'li' elements are not calculated correct and this causes some items fall down. unfortunately I am working on my pc and cann't uploaded it somewhere to show you the site, but I hope maybe it is a common problem and someone can help me. How can I resolve it? 回答1: Common reasons why you might get width issues in IE6: Quirks mode: Number one cause of layout glitches in IE. Make sure your <!DOCTYPE> is set

问题 Excerpt of the question: I have a menu which works in every browser but was buggy on IE7. I solved throwing zoom:1 but normally the hasLayout related problems involves float, position and stuff. Why this time zoom made it work? I have a menu which works in every browser (even on IE8+) which looks like this: Consists of a LI which holds a DIV working as a 1px border using a .png BG and a block A that have an icon and text. The resumed HTML would be ul.adminMenu>li>(div.menuBorder)+(a{link}) :

问题 This code is extension created by Alexander Farkas http://bit.ly/bZzOC8 It is usefull for could used two values on the function animate() as in this example: $('div').animate({ backgroundPosition:'(0 -5500)' },330); Unfortunately this extension doesn't work when use IE7 or IE8. The next code is the backgroundPosition extension: /** * @author Alexander Farkas * v. 1.02 */ (function($) { $.extend($.fx.step,{ backgroundPosition: function(fx) { if (fx.state === 0 && typeof fx.end == 'string') {

问题 if (!document.querySelectorAll) document.querySelectorAll = function(selector) { var head = document.documentElement.firstChild; var styleTag = document.createElement("STYLE"); head.appendChild(styleTag); document.__qsResult = []; styleTag.styleSheet.cssText = selector+"{x:expression(document.__qsResult.push(this))}"; window.scrollBy(0, 0); head.removeChild(styleTag); var result = []; for (var i in document.__qsResult) result.push(document.__qsResult[i]); return result; } var tabs = document

问题 I am applying border-radius on my layout and I having problems with IE 7 and IE8. I'm using the PIE.htc but I still can not do the compatibility works. The code is: border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 0; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; behavior: url(PIE.htc); I'm testing in ieTester, can anyone help me? 回答1: if you use behavior: url(PIE.htc); then your Pie.htc should be in the same folder as your html page or master

问题 I'm getting a weird error where in Internet Explorer 7, when I call Math.round on a float it gives me an "Invalid Argument" error. Consider the following: var elementLeft = parseInt(element.style.left); // Here we're actually getting NaN function Foo(x) { this.x = x; this.apply = function(element) { element.style.left = Math.round(this.x) + 'px'; }; } Foo(elementLeft); In this case x is a non-negative number and element is just a DOM element in my page (a div, in fact). Any ideas? EDIT: The

问题 I think most of us know about this annoying bug in IE7 where the background image of a text input will scroll if the text entered is longer than the width of the text input. Numerous questions have been asked and blogged. Those questions and post all require one to wrap a div around the text input. This is something that I cannot do as I am working with markup generated by a CMS. However, I would like to gracefully degrade the experience. For IE7 and below, I am happy with not displaying the