internet-explorer-10

Conditional CSS for Internet Explorer 10 only [duplicate]

不问归期 提交于 2019-11-30 22:42:23
This question already has an answer here: How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code? 25 answers Internet Explorer 10 has broken my jQuery menu. I can fix this by applying a small revision to our CSS as per the example below. /* For Internet Explorer 10 ------*/ margin-top: 1px; /* For all other browsers ------*/ margin-top: 2px; Is there a way to apply these cases conditionally in my CSS include? I know browser sniffing is not ideal, but this seems to work fine: if ($.browser.msie &&

How can I detect IE10 from JS when browser mode is IE9?

筅森魡賤 提交于 2019-11-30 21:34:41
I need to detect with just plain javascript (no frameworks) when the browser is IE10 despite the browser mode setting. Some comments: - I do need to detect the browser, it isn't an option to detect just features since the purpose is mitigating a browser bug. - I have tried the common ways (like UA string or feature detection) with no success, when I switch browser mode to IE9 every aspect that could suggest being in IE10 just vanishes. If you want to detect the browser you're working with, IE has a special feature, called conditional compilation - http://www.javascriptkit.com/javatutors

Viewport for IE10 & 11 desktop, but not mobile

夙愿已清 提交于 2019-11-30 19:45:55
I build a lot of responsive sites. I'd like to support IE10 and IE11's snap modes, but I can't do it fully without breaking support for Windows Phone 8. This is the code I'm currently using, in my CSS: @media screen and (max-width:400px) { @-ms-viewport{ width: device-width; } } It works alright, but if IE10/11 isn't snapped to the smallest position possible, the site displays as zoomed out. If I get rid of the media query, it displays correctly in IE10/11 on desktops and tablets, but it displays as the desktop site in IE10 mobile on Windows Phone 8. Is there a way around this, or am I stuck

contenteditable not working in IE 10

大憨熊 提交于 2019-11-30 19:07:47
I am trying to create client side editable table. Here is my code. It works in Chrome, Firefox but not in IE. Is there anything more to do with script for IE? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(document).ready(function() { $("td").click(function(){ if($(this).attr("contentEditable") == true){ $(this).attr("contentEditable","false"); } else { $(this).attr("contentEditable","true"); } }) }); </script> <p> <table id='transitTable' border="1" cellspacing="2" cellpadding="2" class='display' width="400"> <tr id='1

Force Browser and Document Mode to ie9 in ie10

北城余情 提交于 2019-11-30 17:35:34
问题 This code: <meta http-equiv="X-UA-Compatible" content="IE=9" /> seems to only change document to ie9 and not browser. Any ideas other than hitting F12 and changing it manually? 回答1: A site can not set the Browser mode. The browser mode is chosen before the browser requests content from the site. This specifies how the browser is identified to the site, such as the UA string. As you mentioned, the Document mode can be set by the author by including a X-UA-Compatible meta element, or by the

Conditional CSS for Internet Explorer 10 only [duplicate]

可紊 提交于 2019-11-30 17:25:00
问题 This question already has answers here : How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code? (25 answers) Closed 6 years ago . Internet Explorer 10 has broken my jQuery menu. I can fix this by applying a small revision to our CSS as per the example below. /* For Internet Explorer 10 ------*/ margin-top: 1px; /* For all other browsers ------*/ margin-top: 2px; Is there a way to apply these cases

FCKEditor doesn't work in IE10

冷暖自知 提交于 2019-11-30 13:56:46
FCKEditor doesn't appear in IE10. When I go to IE development tools and switch browser mode to IE9, FCKEditor works all right. But when I put meta tag for emulate IE9: <meta http-equiv="X-UA-Compatible" content="IE=9" > into header of my web-page, it doesn't help me. How to make FCKEditor work? Or are there another ways for emulating IE9 within IE10? meexplorer try this Mozilla 17 in fckeditorcode_gecko.js find this>> if (A.IsGecko){var B=s.match(/gecko\/(\d+)/)[1];A.IsGecko10=((B<20051111)||(/rv:1\.7/.test(s)));A.IsGecko19=/rv:1\.9/.test(s);}else A.IsGecko10=false;} and replace with>> if (A

Make a whole div clickable with working :active css rule in IE10

徘徊边缘 提交于 2019-11-30 11:13:09
I'm designing a clickable panel for an html app which contains multiple text elements and images. From what I understand this is generally done with a div. Something like this: <div class="myButton"> <h2>Text</h2> <h3>Some more text</h3> <img ...> </div> With a bit of styling and hooking up the click event this works fine but I am having problem with styling the active state: .myButton { cursor:pointer; } .myButton:active{ -ms-transition-duration: 0.2s; -ms-transform: scale(0.95); } In this example I'm trying to do a css animation (IE only) but this could really be anything. The problem is

How to force IE10 to render page in IE9 document mode

不羁岁月 提交于 2019-11-30 11:03:51
问题 I have two questions: How can I force IE10 to render in IE9 document mode? Currently it's rendering my page in Standard document mode. In IE10's developer toolbar, I am not able to see the option of document mode of IE10. Is it not implemented, or is my browser version is out of date? Thanks for all your help. Edit: thanks everyone for the solutions provided. Earlier I was using a meta tag <meta http-equiv="x-ua-compatible" content="IE=edge" > just to make sure that IE will render the page in

ImageButton does not fire a post back on IE10

假如想象 提交于 2019-11-30 10:00:56
Recently, we tested our products on IE10 and encountered a problem about that server button control “Asp:ImageButton” are not be fired on IE10 with UpdatePanel. And the below is the sample code: <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> Here is the content. </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="buttonSubmit" /> </Triggers> </asp:UpdatePanel> <br /> <br /> <asp:Button ID="buttonSubmit" runat="server" ToolTip="Submit" OnClick=