internet-explorer-7 | 易学教程

Hide scrollbar in IE

阅读更多关于 Hide scrollbar in IE

In our application for UI we are using JSF or Prime faces for that. We would like to hide the scrollbar for our application, but we are struggling to achieve this in Internet Explorer (We are using IE7). Is there any way to prevent for displaying the scroll bar in Internet explorer? I tried to put overflow: hidden; in CSS,but it's not working. I have tried nearly every node in the DOM and set width / height to 100% , with margin: 0px , padding: 0px . Seems to work great in Firefox, but it doesn't work in IE7? In case of anyone still needs a solution, this one worked for me: .container{ -ms

Solve IE7 bug “input type=file” onchange fire twice?

阅读更多关于 Solve IE7 bug “input type=file” onchange fire twice?

问题 Did you ever face this IE7's bug: <input type="file" id="xxx"> <script> $('#xxx').change(function(){ alert(1) }) </script> when I click the input & pick a file, the alertbox shows the first time. Then I click on the blank area on the body, the alertbox shows once again. This happens even when I bind the change event to input:file with JQuery 1.6 (lastest at this moment). How could I prevent this by the simplest way? Thanks for all suggestions! 回答1: This is what I've made after some hard hours

Running AngularJS App on Internet Explorer 7

阅读更多关于 Running AngularJS App on Internet Explorer 7

Just to make sure if AngularJS works on the browsers I need, I made a simple data-binging demo that works fine on Firefox, Chrome an IE8+ but I also need to make it work on IE7. Unfortunatelly I can't make it work on it. It only shows the html with the curly braces on it, ignoring ng- attributes. I have checked several posts about AngularJS on Internet Explorer and tried the suggested fixes on each one but nothing works on my demo. This is the HTML of my demo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Angular IE7

Issue on IE7 when page is scrolling.Text is not proper

阅读更多关于 Issue on IE7 when page is scrolling.Text is not proper

I am facing this issue on IE7 only, when I am scrolling the page: Text of some section is not scrolling properly, although a horizontal line is scrolling. May be it's a loading issue but I need to solve this. Technology is HTML5, bootstrap, CSS3. Framework is MVC. Look at the Search Again text in the image above. This sounds like a the IE7 Text Redraw bug: http://zomigi.com/blog/ie-7-button-text-redraw-bug/ http://www.lifeathighroad.com/web-development/fixed-ie7-button-text-redraw-bug/ try adding this to the button css: overflow: visible If that doesn't work try this: border: 1px solid

Textbox background image pushing out in IE 6 & IE 7

阅读更多关于 Textbox background image pushing out in IE 6 & IE 7

Please see this jsFiddle example. The background image I have used on textbox pushes out of view in IE when you type in long values: Solution (in case jsfiddle gets deleted) CSS #txt_services_by_zip_code_search{ border: none; float: left; height: 22px; width: 95px; padding:0 5px; background: transparent } #txt_services_by_zip_code_search_wrapper { background: transparent url('http://i.imgur.com/quh2W.gif') no-repeat 0 -25px; display: inline-block; *display: inline; zoom: 1 } HTML <div id="txt_services_by_zip_code_search_wrapper"> <input type="text" name="services_by_zip_code_search" id="txt

Getting actual height of an auto-heighted element in IE

阅读更多关于 Getting actual height of an auto-heighted element in IE

I'm pretty confused! with this: ... <div id="main"> <div id="content"> <div class="col1"> ...COLUMN1 CONTENT GOES HERE... </div> <div class="col2"> ...COLUMN2 CONTENT GOES HERE... </div> </div> </div> ... there are columns as you see, and I want to set their container element's height to the maximum size of both columns(plus 130px). so by using Prototype framework: //fixing column height problem Event.observe(window,"load",function(){ if(parseInt($('col1').getStyle('height')) > parseInt($('col2').getStyle('height'))) $('main').setStyle({'height' : parseInt($(

Fancybox v.2.1.2 not opening on IE7

阅读更多关于 Fancybox v.2.1.2 not opening on IE7

I am using Fancybox v.2.1.2 in Wordpress (not a plugin). In IE7, I have the loading but it does not opening anything at all. Here is my JS code  <script type="text/javascript" src="/path/to/fancybox/source/jquery.fancybox.js?v=2.1.2"></script> <link rel="stylesheet" type="text/css" href="/path/to/fancybox/source/jquery.fancybox.css?v=2.1.2" media="screen" /> <script> jQuery(document).ready(function() { jQuery("a.fancybox").fancybox({ padding : 0 }); }); </script> And here is my code in my page : <a href="/path/to/images/P1050615.jpg" class="fancybox"

jQuery $.post update not working in IE

阅读更多关于 jQuery $.post update not working in IE

I can't get this update script to work in IE. Works fine in every other browser. IE tells me that the update was performed. However, it wasn't. I've no more hair left to pull out..grr. BTW I've tried $.ajax and $.get too..still no luck. I'm thinking it may have something to do with the live click handler. Don't know...I've tried everything..(putting headers for no-cache, attaching a random number to the end of my url string)..nothing fricken works...blasted IE. This is the $('.save').live('click') function I am using: $(".save").live("click", function(){ $.post("update.php", { cache : false,

IE7 iframe blank page

阅读更多关于 IE7 iframe blank page

问题 I am working on a web page which has an iframe and I am loading an external site in the iframe. The page works fine in IE6, FF etc but in IE7 all I see is a blank page. I found that this is due to the phishing filter in IE7. The phishing filter will not be able to check the web page inside the iframe so it will not be rendered properly. Have you faced this issue before? How can I resolve it? Edit: Okay. After seeing first two answers I think I should give some more explanation to this. The

IE7 hangs when using (to much) ajax calls with async: false

阅读更多关于 IE7 hangs when using (to much) ajax calls with async: false

I have the following function in a much larger script that loads translations from a php file: function loadLanguages(language){ var data = new Object(); data.language = language; var dataString = $.toJSON(data); var langSt = $.ajax({ url: "/VID/ajax/loadtranslations.php", data: ({data: dataString}), async: false }).responseText; var languageArr = $.evalJSON(langSt); return languageArr; } Works in FF, but in IE7 and IE8 the browser will hang.. When I comment out the ajax call in the function IE doesn't hang. If I set it to async: true the function doesn't work anymore, but the browsers will