internet-explorer-11

问题 I have function that looks like this: function foo(item) { var url = $(item).attr("data-url"); if (url && url.length > 0) { $(item).load(url); } } This function is triggered by a drop downs .change() event. The load() calls out to an MVC4 Partial View, which returns the html. This all works fine and dandy in Chrome and Firefox, but it doesn't work in IE11 (I haven't tested in older versions of IE since I don't support those in this circumstance). However, as soon as I open the Developer Tools

问题 I have the same issue on my page as described in this post. Only difference: my page is online. It's a simple page with a paragraph and divs, but still the text in the paragraph is clipped (independent on the location on the page). I tried: giving it width, adding height, putting the paragraph in a separate div, creating a table, relocating to bottom. All resulted in the same cut off text... Its online you can see it here: Works in all other browsers but IE11... Any hints? 回答1: Your problem

问题 I noticed that in normal browsers when you haver over iframe all DOM elements above it get :hover pseudoclass - except in IE: HTML: <div class="outer"> <iframe src="" frameborder="0" class="inner" width="100" height="100"></iframe> </div> CSS: .inner{ background: #000; } .outer{ outline: 2px solid red; } .outer:hover{ outline: 2px solid blue; } http://codepen.io/anon/pen/vKJwbz When you hover over the black square, the outline on the outer element should be blue. In IE it resets to red. Is

问题 I have a really odd problem on a project. Long Story Short, I have input fields that record interest rate, so a % is appended on blur and removed on focus. It works fine on every browser except for IE11. For some reason, it moves the cursor to the beginning of the input, which is annoying for people tabbing through and typing in values quickly. Here is a simplified example in: $('#test').val('default'); $('#test').focus(function() { var value = $(this).val().slice(0, -1); $(this).val(value);

问题 I have some web fonts that work correctly in all browsers except IE11. The strange thing is, if you go to this page: http://cscart.create26.com/index.php?dispatch=products.view&product_id=179 and then inspect the "features" bullet points with IE11 developer tools, suddenly all the fonts work. Any ideas? @font-face { font-family: 'Helvetica-Condensed-Black'; src: url('../media/fonts/helvetica-condensed-black-webfont.eot'); src: url('../media/fonts/helvetica-condensed-black-webfont.eot?#iefix')

问题 This question already has answers here : CSS Grid Layout not working in IE11 even with prefixes (4 answers) Closed 2 years ago . I've been following the guide here on getting grids working on IE 11. My problem is that even following those rules, the columns and rows just overlap each other rather than taking their grid positions. Here's a simple code example that would cause the problem: HTML <div class="grid"> <div>Top Left</div> <div>Top Right</div> <div>Bottom Left</div> <div>Bottom Right<

问题 I'm programmatically changing the border-bottom-width using JQuery, which works fine. However, when reading the property back using JQuery I get inconsistent results cross-browser. For instance, <td style="border-bottom: 30px solid rgb(199, 72, 72); line-height: 1px; font-size: 1px;"> When interrogated via Jquery using: $('#element1').find('td').css('border-bottom-width'); In Chrome (version 33.0.1750.154 m) returns 30px, but in Firefox (version 28.0) and IE11 returns 15px. Demonstrated in a

问题 Internet Explorer does not respect the css property filter: brightness(100); . Following this tutorial I have also tried using ms-filter: brightness(1); but that did not work either. Is there a work-around? Not sure if this makes a difference, but I am applying the filter onto a background image svg. https://codepen.io/anon/pen/Ovoxqg (Works in Chrome, breaks in IE11. You should see a gray heart and white heart.) <div class="icon"></div> <br><br><br> <div class="icon brightness"></div> body {

问题 This css doesn't work in internet explorer 11: form:invalid { background-color: red; } Demonstration As you can see the forms are still gray in internet explorer 11 while they should be red and blue. Is there any way to fix this without using javascript? MDN doesn't mention any problems with it in IE11. 回答1: as might you maybe saw or probably not they even show in MDN link that they show input:invalid also not working only on form in ie input:valid { background-color: #ddffdd; } EXAMPLE

问题 I have a textbox in my ASP.Net MVC application and I need to do some validation when the textbox loses focus, so I have used a blur event. The below event is working fine in Chrome browser but not working in IE11 and IE10. Script Code: $("#NewFileName").on("blur", function () { alert('triggered'); }); ASP.NET MVC HTML code: <div class ="span6"> <p> @Html.TextBoxFor(m => m.FileName, new { type = "file" }) </p> </div> I tried with different events like "focusout" for IE, but no focus/blur event