internet-explorer-11

How to make flex-basis work in IE11

五迷三道 提交于 2019-11-30 19:19:50
My website is completely broken in IE11. The problem comes from flex: 1 1 0%; , which I use everywhere thanks to autoprefixer and postcss-flexbugs-fixes . The site does work on IE when I change it to flex: 1 1 auto; , but then some behaviors change (e.g. one flexbox with two flex: 1 1 auto; children which do not take exactly the same space). Therefore this solution breaks my designs on other browsers (while making it a lot nicer - not broken - on IE11). How do people manage to make their sites built with Flexbox work on IE11? Edit: here is a pen which highlights the problem I am facing: https:

CSS Opacity not working in IE11

烈酒焚心 提交于 2019-11-30 18:22:15
I'm trying to make the background-color of a tr opaque with this CSS: .faded{ background-color: red; height: 100px; opacity: 0.4; filter: alpha(opacity=50); } Here is my test HTML: <table> <tr class="faded"> <td><div>testtesttesttestt</div></td> <td><div>testtsttesttesttt</div></td> </tr> </table> Everything works fine in IE9,10 FF24 Chrome 31+, but not in IE11. Please keep in mind that I don't care about the content of the table rows, only the background opacity. Screenshots and Jsfiddle below. IE10: IE11: http://jsfiddle.net/ZB3CN/6/ So, what's going on here? EDIT: I've submitted a bug

Object doesn't support property or method 'attachEvent' InternetExplorer 11

拈花ヽ惹草 提交于 2019-11-30 17:54:38
问题 If I press the form send button "Saada" in IE11 , I will get an error: Object doesn't support property or method 'attachEvent' I have found that this is an IE11 problem, but the only solution I have found is to use my developer tools and set the browser to run in IE9 mode for example. But I want everyone to use my website without using their developer tools. Do you know some other solution I could try. Or maybe I have to import some other Jquery libraries? Other browsers work fine, but this

Keep image ratio using max-width and max-height in IE 11

房东的猫 提交于 2019-11-30 17:49:14
I'm trying to get an image to fit inside a container while keeping it's size ratio. The image should take full height or width depending on orientation. My solution does work on all browsers I've tested but IE11(works in 10 and 9 surprisingly). In IE 11 the image is cropped on the right. I'd like a pure css way if possible and I don't care about centering it. Here is the JSFiddle : https://jsfiddle.net/wagad0u8/ <div class="owl-item" style="width: 465px;"> <a class="img-flux" href="page1.html"> <img alt="omg" src="http://placehold.it/1000x100"> </a> </div> <div class="owl-item" style="width:

IE11 is missing User Agent Style for main element (display: block;)

被刻印的时光 ゝ 提交于 2019-11-30 17:14:48
Apparantly IE11 doesn't have a User Agent Style for <main> and therefor no display: block; on it. Why is there no User Agent Style? Is this a bug or on purpose? Adding display: block; to the main element is enough, tho. The main element is indeed not fully supported by IE11. Adding main { display: block; } to your CSS is the best solution for IE9+. You don't need to make conditional comments - since display: block; is the default behavior for main elements, it won't mess up anything. 来源: https://stackoverflow.com/questions/20094276/ie11-is-missing-user-agent-style-for-main-element-display

IE11 is missing User Agent Style for main element (display: block;)

早过忘川 提交于 2019-11-30 16:38:05
问题 Apparantly IE11 doesn't have a User Agent Style for <main> and therefor no display: block; on it. Why is there no User Agent Style? Is this a bug or on purpose? Adding display: block; to the main element is enough, tho. 回答1: The main element is indeed not fully supported by IE11. Adding main { display: block; } to your CSS is the best solution for IE9+. You don't need to make conditional comments - since display: block; is the default behavior for main elements, it won't mess up anything. 来源:

JavaScript critical error at line 5, column 9 in (unknown source location)

纵饮孤独 提交于 2019-11-30 15:58:36
I am using visual studio 2012 I have this simple html page, not asp.net page : <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Float</title> <link rel="stylesheet" href="Styles/style.css" /> </head> <body> <div class="header"></div> <div class="slideBar"></div> <div class="content"></div> <div class="footer"></div> </body> </html> I run it on google chrome. it works good. when I debug it on internet explorer. I got this error: Edit For those who think that the sytle sheet is the problem. here is my style sheet html, body { margin:0px; height:100%; } .header {

Font-face not working in IE, otf font

不想你离开。 提交于 2019-11-30 13:59:23
I know this was asked multiple times, but I couldn't get it to work after trying them. This is the simple CSS I am using to import a custom font. Also, I am using this with bootstrap. @font-face { font-family: Montserrat-Black; src: url(Montserrat-Black.otf); } It's not working in IE11 itself. Please help me out. Thank you. Internet explorer use eot format (legacy) or woff. See MSDN Anyway i use this code for maximum compatibility: @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url

AngularJS Assignment to read-only properties is not allowed in strict mode in ie 11

喜你入骨 提交于 2019-11-30 13:58:16
问题 I'm have problem with working angular js in ie 11 TypeError: Assignment to read-only properties is not allowed in strict mode at link ( ves-min.js:490:7 ) at Anonymous function (angular.js:7079:34) enter code here at nodeLinkFn (angular.js:6677:13) at compositeLinkFn (angular.js:6071:13 ) at publicLinkFn (angular.js:5967:30) at link (angular-route.js:919:7) at boundTranscludeFn (angular.js:6091:9) Please help me some solution, thanks. 回答1: Add this line in your head tag and do refresh, when

IE 11 sends different User-Agent header to different subdomains

流过昼夜 提交于 2019-11-30 13:44:07
问题 Well, I've been working on an User-Agent based shared-session protection between subdomains. I was extremely surprised that it's been working well until IE 11 preview was released recently. There are 2 subdomains example.com and sub.example.com I've intercepted requests to both domains and it seems that USER-AGENT HTTP Header being sent to each domain is different. Request to example.com has: User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko Request to sub