internet-explorer-11

How to make flex-end work in IE11

时光毁灭记忆、已成空白 提交于 2019-12-17 20:49:40
问题 I tried to make justify-content: flex-end; work, for overflowing-hidden DIV content, in IE11, without success. After trying several combinations I created a minimal snippet which works in Chrome but not in IE11: .token-container { width: 200px; white-space: nowrap; overflow: hidden; padding: 5px; box-shadow: 1px 1px 2px 1px silver inset; display: flex; flex-direction: row; justify-content: flex-end; //align-content: flex-end; } .token { display: inline-block; border: 1px solid silver; margin:

IE11 making background image text blurry

半城伤御伤魂 提交于 2019-12-17 20:19:16
问题 I'm working on a website, where I use image sprites on a button. In every other browser I've tried, except for IE11, the text on my sprite is crisp as it should be, but in IE11, the text gets blurry (See images). The blurry one being IE11 ofc. The width of the sprite is 189px and the height is 378px. I use the following CSS: button { width:189px; height:189px; background-image:url('../images/kontakt-os.png'); background-position: top; cursor:pointer; border-radius: 100px; } button:hover {

Compiling ES6 and VUE JS not working in IE 11

一笑奈何 提交于 2019-12-17 19:59:11
问题 So I am having an issue with ES6, Webpack and VUE JS in IE 11. This works in Edge, Chrome, Safari and Firefox, but not IE 11. The error: SCRIPT1002: Syntax error vue.js (16,8498) Ok, so whats at this line? (module,__webpack_exports__,__webpack_require__){"use strict";eval("/* unused harmony export getJSON */\n/* unused harmony export getScrollBarWidth */\n/* unused harmony export translations */\n/* harmony export (immutable) */ __webpack_exports__[\"b\"] = delayer;\n/* unused harmony export

Why doesn't justify-content: center work in IE?

删除回忆录丶 提交于 2019-12-17 19:57:03
问题 I have this simple div with a button inside of it. justify-content: center; works fine using Firefox and Chrome, but does not work on IE 11: #div { height: 200px; width: 50px; border: 1px solid black; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; } #button { height: 50px; width: 200px; min-width: 200px; border: 1px solid black; background-color: red; } <div id="div"> <button id="button">HELLO</button> </div> My goal is that, when I use transform with rotate

HTML5 number input field step attribute broken in Internet Explorer 10 and Internet Explorer 11

一个人想着一个人 提交于 2019-12-17 19:38:28
问题 It appears some of my website's users are experiencing issues when attempting to insert values into input fields of type number with the step attribute set. I am using Django 1.6 to render the forms to HTML. The number fields map to an underlying DecimalField model field with max_digits=25 and decimal_places=5 This results in the following example html being rendered for the number field: <input type="number" value="" step="0.00001" name="quantity" id="id_quantity"> The step attribute I know

Form/JavaScript not working on IE 11 with error DOM7011

只愿长相守 提交于 2019-12-17 16:11:58
问题 The register button for our ASP.net form, which uses the __postback function stopped working on IE 11, from the developer console, it shows: DOM7011 : The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337. Does anyone know how to get around with this? What is this caching thing and why does it mess up forms. I seen similar complaints about this from others. 回答1: This issue occurs if the server sends a "Cache-control

Template literals syntax is not working in IE11

╄→尐↘猪︶ㄣ 提交于 2019-12-17 12:14:06
问题 The back-tick character is not recognized as a Valid Character in IE11 when using the "use strict" directive while it works in other browsers, such as Chrome. What is the interpretation of this behavior taking into consideration that IE11 is still widely used even among Windows 10 users?? "use strict"; function doIt() { let tt; tt = 50; alert(`${tt}`); alert("test"); } doIt(); Error: { "message": "Invalid character", "filename": "http://stacksnippets.net/js", "lineno": 18, "colno": 17 } 回答1:

Starter create-react-app with IE11 polyfill import still aborts in IE11

删除回忆录丶 提交于 2019-12-17 10:04:31
问题 Using: react 16.8.6. Working in: Dev Mode. 1) Do: npm create-react-app my-app 2) cd my-app 3) add: import "react-app-polyfill/ie11"; as the new first line in index.js 4) do: npm start 5) In IE11 on Windows 10 it aborts with these in the console: SCRIPT1002: Syntax error 1.chunk.js (10735,34) SCRIPT1002: Syntax error main.chunk.js (154,1) I have tried other polyfills: import "react-app-polyfill/ie9"; and import 'react-app-polyfill/stable'; and import 'react-app-polyfill/ie9'; import 'react-app

CSS Blur in IE 11

时光总嘲笑我的痴心妄想 提交于 2019-12-17 09:50:09
问题 I have been trying to get A css blur effect in IE 11 for hours and did not make any progress. I tried to use the following simple html: <!DOCTYPE HTML> <html> <head> <style type="text/css"> .blur{ -ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50'); } </style> </head> <body> <img src='http://img3.wikia.nocookie.net/__cb20120627075127/kirby/en/images/0/01/KDCol_Kirby_K64.png' class="blur" /> </body> </html> I also tried just using the filter without the ms prefix. I saw that

Force IE 11 “User agent string” using tags

北慕城南 提交于 2019-12-17 09:34:18
问题 My website is broken in IE11. We all know that HTML tags allow developer to force IE compatibility mode; in example <meta http-equiv="X-UA-Compatible" content="IE=8, IE=9" /> worked great and solved the visualization problems for IE10. But actually on IE11, even if Compatibility mode is set to IE9 , User agent string is set to default and javascript doesn't work. Changing manually User agent string to IE10 solved my problems. For shure I'm going to solve the real problems that cause website