Background-size with SVG squished in IE9-10
Be sure that your SVG has a width and height specified. If you’re generating it from Illustrator, ensure that the “Responsive” box is unchecked as this option removes width and height.
Be sure that your SVG has a width and height specified. If you’re generating it from Illustrator, ensure that the “Responsive” box is unchecked as this option removes width and height.
The best cross-browser solution is background: #fff; background: -moz-linear-gradient(#fff, #000); background: -webkit-linear-gradient(#fff, #000); background: -o-linear-gradient(#fff, #000); background: -ms-linear-gradient(#fff, #000);/*For IE10*/ background: linear-gradient(#fff, #000); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=”#ffffff”, endColorstr=”#000000″);/*For IE7-8-9*/ height: 1%;/*For IE7*/
Yes, but not how you would imagine. According to caniuse (a very good resource) there is no support and no polyfill available for adding text-shadow support to IE9. However, IE has their own proprietary text shadow (detailed here). Example implementation, taken from their website (works in IE5.5 through IE9): p.shadow { filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45); } For … Read more
I have found the same thing on Internet Explorer 8 when attempting to click links using .Click() – even though I can see Selenium clicking on the link. From my experience it appears that if the browser does not have focus then the initial click doesn’t work. A workaround to this is to send a … Read more
The second part of an answer I gave recently answers this question too. I don’t consider this a duplicate of that one so, for convenience, I’ll paste it here: The console object is not part of any standard and is an extension to the Document Object Model. Like other DOM objects, it is considered a … Read more
I’ve found a workarround to make the native dnd api also work in IE with elements other than links and images. Add a onmousemove handler to the draggable container and call the native IE function element.dragDrop(), when the button is pressed: function handleDragMouseMove(e) { var target = e.target; if (window.event.button === 1) { target.dragDrop(); } … Read more
There’s an IE polyfill for the CustomEvent constructor at MDN. Adding CustomEvent to IE and using that instead works. (function () { if ( typeof window.CustomEvent === “function” ) return false; //If not IE function CustomEvent ( event, params ) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt … Read more
I had to fix this behavior in a site with a lot of anchors that were being enabled/disabled with this attribute according to other conditions, etc. Maybe not ideal, but in a situation like that, if you prefer not to fix each anchor’s code individually, this will do the trick for all the anchors: $(‘a’).each(function … Read more
The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it. See W3 documentation. But you are applying your :active selector to your <li> element, which cannot have an active state since it never really gets activated – only … Read more
The CSS2 pseudo-elements :before and :after, with the traditional single-colon notation, are supported by IE8 and later. They are not new to CSS3. The double-colon notation, on the other hand, is new to CSS3. IE9 does support this new notation for ::before and ::after, and likewise for the CSS1 pseudo-elements ::first-line and ::first-letter. Going forward, … Read more