internet-explorer-10

Position absolute and z-index in IE10

人走茶凉 提交于 2020-01-30 06:29:48
问题 Bit of a strange one, I'm trying to overlay a couple of links over an image, and only in IE (all versions) is it displaying them behind the image. Works in Chrome, Firefox, et al. I've tried giving each element an appropriate z-index but it doesn't actually make any difference. I swear I've done this a a million times before with issues. Here's a JSFiddle for it: http://jsfiddle.net/SY8xp/ <a href="#" class="logo-link-a"><span>Link 1</span></a> <a href="#" class="logo-link-b"><span>Link 2<

IE 10: dragstart event doesn't get fired if <img> is wrapped by <a>

坚强是说给别人听的谎言 提交于 2020-01-25 00:25:28
问题 jsFiddle: http://jsfiddle.net/39she/3/ HTML: <a href="http://google.de"> <img src="https://www.google.de/images/srpr/logo4w.png" draggable="true" /> </a> JavaScript: // Please forgive me this bad-designed function ;) // quick and dirty solution function log(msg) { document.body.innerHTML = document.body.innerHTML + "<hr />" + msg; } var myImg = document.getElementsByTagName("img")[0]; myImg.addEventListener("dragstart", function(evt) { log("Drag started"); }); The log message appears in

IE 10 Javascript Error not shown [closed]

廉价感情. 提交于 2020-01-24 10:59:07
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 2 years ago . I am newly upgrade browser IE8 to IE10. In IE8 any java script error occurred it shown in status bar, but IE10 error not displayed in status bar. Any suggestion will be appreciated 回答1: Go to "Internet Options" Go to "Advanced" tab. Under "Browsing" header, a. Uncheck "Disable script debugging (Internet Explorer

jquery UI Draggable in IE10 bug when dragging by scroll bar

馋奶兔 提交于 2020-01-24 07:26:07
问题 I've got a div with a draggable element which works great in all browsers, except in IE10, there is an issue where if you attempt to drag the element by the scrollbar, it will scroll, until you mouseup, in which case the element will snap to the current position of your mouse. I've setup this fiddle: http://jsfiddle.net/Hhja4/1/ If you are using IE10, just click and hold on the scroll bar and then let go. The div will then follow your mouse around even though you don't currently have the

jQuery hovers don't work in IE10 but works in lower IE versions

倾然丶 夕夏残阳落幕 提交于 2020-01-23 07:49:40
问题 On my site, the boxes are supposed to fade into the description. This works in every browser I've tried except IE10. This is a WordPress site and I use nine plugins. I've tried deactivating all plugins but the hovers still don't work in IE10. Below is the code I'm using for the hovers: jQuery(document).ready(function($){ $('.thumbnail').hover(function() { $('img', this).stop(true,true).fadeTo(100, 0.1); $('.description', this).stop(true,true).fadeIn(100); }, function() { $('img', this).stop

jQuery hovers don't work in IE10 but works in lower IE versions

。_饼干妹妹 提交于 2020-01-23 07:49:31
问题 On my site, the boxes are supposed to fade into the description. This works in every browser I've tried except IE10. This is a WordPress site and I use nine plugins. I've tried deactivating all plugins but the hovers still don't work in IE10. Below is the code I'm using for the hovers: jQuery(document).ready(function($){ $('.thumbnail').hover(function() { $('img', this).stop(true,true).fadeTo(100, 0.1); $('.description', this).stop(true,true).fadeIn(100); }, function() { $('img', this).stop

IE10 flexbox widths include padding, causing overflow. box-sizing: border-box doesn't fix

有些话、适合烂在心里 提交于 2020-01-22 06:41:56
问题 The LHS flex child in this example has 1em padding, and it will cause RHS to overflow the parent: <div style="display: -ms-flexbox; box-sizing: border-box; width: 200px; border: 5px solid black"> <div style="padding: 1em; -ms-flex-positive: 0; -ms-flex-negative: 0; -ms-flex-preferred-size: 33%; background-color: blue; box-sizing: border-box"> LHS </div> <div style="-ms-flex-positive: 0; -ms-flex-negative: 0; -ms-flex-preferred-size: 67%; background-color: red; box-sizing: border-box"> RHS <

input range not working in ie or edge

醉酒当歌 提交于 2020-01-13 18:34:08
问题 Has anyone else come across this issue and do you have a solution. Using this html in ie and edge the range doesn't show. <html> <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <link type="text/css" href="/static/css/bootstrap.min.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <

Label :hover attribute triggers incorrect element in IE10 and IE11

对着背影说爱祢 提交于 2020-01-13 10:12:48
问题 This is a little weird, but bear with me. This only affects IE10 and IE11, doesn't affect Chrome, FF, Safari, and IE9 and older. If you have a <label> for another element nested within a class that the :hover is assigned to, it will match that selector, even if you are not hovering over that element. In the example below, if you hover over the first div , both divs are highlighted. <div> <select id="min-price"> <option>A</option> </select> </div> <div> <label for="min-price"></label> <select>

Is Internet Explorer 9 an “evergreen” browser? What about IE 10?

时光毁灭记忆、已成空白 提交于 2020-01-13 07:32:12
问题 Chrome and FF will silently update to newer versions and I've read that MS did an auto-upgrade for folks on IE6 & 7 to IE8 and from IE8 to 9. Has Microsoft stated whether or not 9 and 10 will be pushing out regular (weekly/monthly) silent updates or is it going to be similar to what they did to bump people from 6 & 7 up to 8? 回答1: The latest versions of Chrome, Firefox, Edge, and Safari are evergreen browsers, i.e. they automatically update themselves silently without prompting the user.