internet-explorer-10 | 易学教程

CSS3 - 3D Flip Animation - IE10 transform-origin: preserve-3d workaround

阅读更多关于 CSS3 - 3D Flip Animation - IE10 transform-origin: preserve-3d workaround

After looking through IE10's developer blog I have found that they do not support the preserve-3d setting. They do offer a workaround, but I can not seem to get it working. My example below works in Safari, Chrome and Firefox but not IE10. If anyone could help me achieve this I would be very thankful. The boxes should rotate around the Y axis on click to show some text and a green background color. This is not the case in IE10 My example: http://codepen.io/2ne/pen/zEpge Part of code: HTML <div class="flip-wrapper"> <div class="front"></div> <div class="back">IE10 SUCKS</div> </div> CSS .flip

Canvas.toDataURL() working in all browsers except IE10

阅读更多关于 Canvas.toDataURL() working in all browsers except IE10

问题 I'm working on a project that uses a canvas to automatically crop an image, then return its data URL. It uses images from an external server, which has the appropriate CORS headers to allow the images to be converted to data URIs after they are cropped even though they are cross-origin. The code works perfectly (and without security errors!) in all browsers except IE 10, in which it throws 'SCRIPT5022: SecurityError' when canvas.toDataURL() is called. Is this a bug in IE or something I need

Background-size with SVG squished in IE9-10

阅读更多关于 Background-size with SVG squished in IE9-10

I have a div set with a background image: <div>Play Video</div> with the following CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } The background size is respected in Firefox, Safari and Chrome. In IE8, the SVG is replaced by the PNG file. However, in IE9 and IE10, the SVG file is drastically sized down. The problem seems to be linked to the width and height of the div. If I add a height of 150px, the SVG is rendered properly. If I make

Internet Explorer 10 Windows 8 Remove Text Input and Password Action Icons

阅读更多关于 Internet Explorer 10 Windows 8 Remove Text Input and Password Action Icons

问题 I am testing a highly-customized web application in Internet Explorer 10 on Windows 8, since it is an up and coming release, and will likely be using my application some day. Take a look at this sample screenshot of some text input controls from the application: Is there a way, either within HTML or CSS, to remove the action icons that are located to the right of the text and password input controls? Thank you for your time. 回答1: You need to use the -ms-clear pseudo-element. And use -ms

Security error using CORS in IE10 with Node and Express

阅读更多关于 Security error using CORS in IE10 with Node and Express

问题 I'm constructing a Backbone application hosted on http://example.com which utilizes an API hosted on https://api.example.com . For the API, I'm using Node.js with the Express.js framework. My CORS solution seems to work in every major browser except IE (it even fails in IE10). When a request is initiated from IE10, the request never hits the API server. As far as I can tell, the request is not even being sent. When I inspect the request using IE10's developer tools, both the request headers

How to recreate perspective-origin effect by transforming child elements?

阅读更多关于 How to recreate perspective-origin effect by transforming child elements?

问题 So after struggeling with IE glitches and incompatibilities, I've finally got my correctly sized cuboid working ( update: here's an example of it). Animating requires to animate all sides separately instead of a single parent element, however this seems to be the only way to get it working in IE. Using a single cuboid works fine, multiple cuboids however are problematic, since perspective is applied to the single transformed elements (which is necessary in order to work in IE) they do all

Why does display: -ms-flex; -ms-justify-content: center; not work in IE10? [closed]

阅读更多关于 Why does display: -ms-flex; -ms-justify-content: center; not work in IE10? [closed]

问题 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 6 years ago . Why doesn't the following code work in IE10? .foo { display: -ms-flex; -ms-justify-content: center; } What do I need to write in order for them to work? 回答1: IE10 implemented the Flexbox draft from March 2012. Those properties correspond to these: .foo { display: -ms-flexbox; -ms-flex-pack: center; } 回答2: A good

VS2010 and IE10 Attaching the Script debugger to process iexplore.exe failed

阅读更多关于 VS2010 and IE10 Attaching the Script debugger to process iexplore.exe failed

问题 So I am using Win7 x64 with VS2010 and have installed the IE10 Win7 Preview and ReSharper 6.1. When I attempt to Start Debugging, I receive the following: "Attaching the Script debugger to process '[1111] iexplore.exe' on machine 'MINE' failed. A debugger is already attached." I can click OK and look at attached debug sessions - [1111] is grayed out and there is another instance of iexplore.exe with my solution title. I can attach manually and it works fine. I thought maybe since there were

backside-visibility not working in IE10 - works fine in webkit

阅读更多关于 backside-visibility not working in IE10 - works fine in webkit

问题 I'm building a simple pure-css 'card flip' animation, it has to work in IE10, but sadly what I've written doesn't. jsFiddle demo here or sample html zip here I can see that backside-visibility works in IE10 from their demo here so maybe I've just overlooked something stupid, maybe a fresh pair of eyes might help! Thanks in advance! 回答1: Well some Microsoft IE devs saw my tweet and jumped in with a fix already! Apparently IE10 does not support preserve-3d, and they whipped up this jsFiddle

IE 9 and IE 10 cannot enter text into input text boxes from time to time

阅读更多关于 IE 9 and IE 10 cannot enter text into input text boxes from time to time

问题 There is a web page with an iframe inside. Sometimes, Input text box controls, inside the iframe, are locked/ freezed. Users cannot enter text into them. But the text box can be focused and not faded. There is no code to disable the input controls and this does not always happen. Up until now, this is happening only in IE 9 and IE 10. Firefox and Chrome is OK. Brief description of how the page works is: There is a button on the parent page. By clicking it will build an iframe from scratch and