cross-browser

Sass mixin for background transparency back to IE8

一世执手 提交于 2019-12-03 02:31:12
问题 I'm new to Sass and struggling with this. I can't get the color to render in both hex (for IE) and rgba . Every little piece is frustrating me because I haven't mastered the syntax yet, and Google results for Sass are still sparse. Here's the mixin: @mixin transparent($hex, $a){ /* for IEGR8 */ background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$a}#{$hex},endColorstr=#{$a}#{$hex}); zoom: 1; /* for modern browsers */ background-color: rgba(#{$hex},.#{$a

How to disable the 'Open Link in New Tab' in the browser?

China☆狼群 提交于 2019-12-03 02:14:52
How do I disable/remove the 'Open Link in New Tab' option in the right-click menu of the browser? If this is not possible with javascript etc then is there a way to modify what happens when the user clicks on this link, for example, display an alert or prevent the tab from loading..? The ability to open a link in a new tab/window is native functionality of many browsers. If you do not wish to allow this type of activity, then you need to notify the browser that your link is not truly a link. The easiest way to do so is to remove the href attribute from your a element. HTML: <a href="http:/

How can I test in IE while developing under Mac OS X?

社会主义新天地 提交于 2019-12-03 01:59:55
I've got my web application on Mac OS X and it's ready for IE compatibility testing. I've tried running the server, booting up VMware and pulling up localhost:3000 with no luck. How can I test my web application on IE6-8 and Chrome without deploying it somewhere? All you need is the correct IP address that VMWare uses to access your mac, then you can access it like this: http://192.168.1.2:3000 And test it just fine. I would tell you how to find it but I have more experience with Parallels. EDIT Ok, it seems you need to open your network connection information in the guest operating system

copy to clipboard - not working in FF,Chrome

▼魔方 西西 提交于 2019-12-03 01:05:21
I am using below mentioned javascript to copy the text to clipboard. Its working in IE, but not working in Firefox and Chrome. Please advice me,What is wrong? function setDataToclipboard() { var str=document.getElementById("populatedString").value; if (window.clipboardData && clipboardData.setData) { clipboardData.setData("Text", str); alert("Copied!"); } } w3c clipboard api is been implemented by all the browser http://caniuse.com/#feat=clipboard The clipboard manipulation is not cross-browser. For cross-browser solution you need flash. Look at this library https://github.com/jonrohan

Online Internet Explorer Simulators [closed]

跟風遠走 提交于 2019-12-03 00:39:34
问题 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 5 years ago . (Tried to find simular questions / duplicates, failed) I develop on a mac. I love my mac. I develop using Chrome, Firefox, and Safari. I love them all for different reasons. But I have to develop for Internet Explorer users as well. I know, I am not unique here. I enjoy using the webkit inspector / firebug to

Skip links not working in Chrome

人走茶凉 提交于 2019-12-03 00:25:22
First of all, I've looked at this previous question but sadly it didn't seem to offer any solutions (other than JS which is a non-starter I'm afraid) I've got some skip links at the top of my page... <ul> <li class="skip-link"><a href="#mainContent" accesskey="S"><span>Skip to main content</span></a></li> <li class="skip-link"><a href="#main-navigation" accesskey="N"><span>Skip to main navigation</span></a></li> </ul> and further down there is... <div id="mainContent"></div> which is an empty div purely there to act as an anchor point. Everything seems to work fine when the link is activated;

Why doesn't this SVG graphic scale in IE9 and 10 (preview)?

旧街凉风 提交于 2019-12-03 00:20:48
According to IE website SVG is supported. And according to this answer too What are SVG (Scalable Vector Graphics) supported browsers? http://jsfiddle.net/jitendravyas/2UWNe/show/ <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="100%" height="100%" viewBox="0 0 480 360" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <linearGradient id="button_surface" gradientUnits="objectBoundingBox" x1="1" x2="1" y1="0" y2="1"> <stop stop-color="#434343" offset="0"/> <stop stop-color="#000000" offset="0.67"/> <

How can I make multi-line, vertically and horizontally aligned labels for radio buttons in HTML Forms with CSS?

纵然是瞬间 提交于 2019-12-02 23:44:27
Assuming the following markup: <fieldset> <legend>Radio Buttons</legend> <ol> <li> <input type="radio" id="x"> <label for="x"><!-- Insert multi-line markup here --></label> </li> <li> <input type="radio" id="x"> <label for="x"><!-- Insert multi-line markup here --></label> </li> </ol> </fieldset> How do I style radio button labels so that they look like the following in most browsers (IE6+, FF, Safari, Chrome: I believe this does it all. You didn't mention that it has to validate, however, so I used the inline-block (-moz-inline-box) display. One of my favorites, actually. Here's a working

How can I fully test my website on previous versions of IE with IE 11?

China☆狼群 提交于 2019-12-02 23:22:18
With IE 10 testing my website on older versions of IE was very easy and always worked as it should, I just went to the developer tools, picked the version I wanted from the menu and I had no problems. Now, after upgrading to IE 11 I encountered some problems with this method of testing. First, stuff I put inside HTML comments like <!--[if lt IE 10]> don't show anymore. Second, the same website that I tested a few days ago on older versions of IE with IE 10 looks very different when doing the same tests on IE 11. So, why do all this stuff happen and how can I solve it? Internet Explorer 11

How do I make my page look good in Google Instant Previews?

帅比萌擦擦* 提交于 2019-12-02 23:10:38
When you view a page from my site in Google Instant Previews , you see an AJAX error message (caused by some AJAX that fires on document ready): I assume the way to fix this is to make my javascript compatible with whatever javascript engine Google's "browser" uses (like one might design for IE6). So: what javascript does Google Instant Previews understand? Previews are generated in one of two ways: Via normal Googlebot crawls On the fly using the user-agent Mozilla/5.0 (en-us) AppleWebKit/525.13 (KHTML, like Gecko; Google Web Preview) Version/3.1 Safari/525.13 If the content has been crawled