cross-browser

Different output for same box-shadow size in Chrome and Firefox

由 ◇◆丶佛笑我妖孽 提交于 2019-12-10 12:38:46
问题 Why size of box-shadow in Chrome and Firefox are different? box-shadow: 0 0 4px #aaa inset; Chrome: Firefox: I've already try the following but it's not working in latest Firefox. -moz-box-shadow: 0 0 2px #aaa inset; -webkit-box-shadow: 0 0 4px #aaa inset; How can I have cross browser box shadows in a same size? 回答1: w3schools says there are 6 values to box shadow: box-shadow: h-shadow v-shadow blur spread color inset; Blur and spread are optional and my guess is that as you only defined

Solutions for people needing IE7/IE8 support in future GWT releases

由 為{幸葍}努か 提交于 2019-12-10 12:29:40
问题 Google announced in May that they would remove IE6/IE7 support in GWT 2.6 (coming December this year) and remove IE8 support in GWT 3.0. I understand the reasons of this choice, I support it, and I'm not here to argue about it. People that make the effort to stay up-to-date don't want to have a slow GWT because of people who don't. The main reason we chose GWT technology is because it handles browser quirks for us. The company I'm working at need to have our app running on IE down to IE7. We

Anchor with span don't apply :active effect on IE

由 倾然丶 夕夏残阳落幕 提交于 2019-12-10 12:17:33
问题 Some idea to render this correctly on IE???? The :active only goes if I click out of span area. I would like to do this without to use javascript. On chrome and firefox it runs perfectly. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento sem título</title> <style type="text/css"> a {

Find unique and sort, does the latter only happen or is it by ECMA?

由 。_饼干妹妹 提交于 2019-12-10 12:13:28
问题 var input = [1,1,2,3,10,5,3,4], stat = {}, temp = []; input.forEach(function(v) { stat[v] = 1; }); for (v in stat) { temp.push(v); } console.log(temp); //["1", "2", "3", "4", "5", "10"] How does the "sorting" occur? Edit: Made cross-browser screenshots (see comment) and a jsPerf. 回答1: The "sorting" occurs in for(v in stat) . As per ECMA script standard, the order in which the keys are fetched is up to the vendor, and some browser vendors obviously chose to fetch all keys in sorted order. You

Generating pdfs with jsPDF compatibility issues in Firefox?

由 吃可爱长大的小学妹 提交于 2019-12-10 12:09:51
问题 sorry for the inundation of PDF generation questions. I have been working on a project that converts a page into a multipage pdf(with jsPDF) using pagebreaks. I (finally!) got the project working in google Chrome but upon going to test it in Firefox, I was able to generate the first page, but the second two pages showed up entirely black. Here is the code: $(document).ready(function() { $("#runpdf").click(function(event) { var partsec = $("main_body page1"); html2canvas(document.body, {

How to play .m4a with HTML5 audio in IE(9+) and Safari (Pad)?

由 杀马特。学长 韩版系。学妹 提交于 2019-12-10 11:48:34
问题 I need to play .m4a files (recorded on iPhone) in IE(9+) and Safari (iPad, iPhone). I am facing problem with setting correct MIME Type. For playing in IE10 I need to set audio/mp4 but for Safari audio/aac . With audio/mp4 I am getting Cannot play audio file on iPad. With audio/aac I am getting Error: Unsupported audio type or invalid file path in IE Is there a type I can set for both? <audio controls="controls" autoplay="autoplay"> <source src="play.aspx?filename=sound.m4a" type="audio/mp4" /

What are the rules for portable CSS?

由 余生颓废 提交于 2019-12-10 11:37:49
问题 I'm new to CSS, what are the rules to obey to make sure that CSS looks the same in other browsers? (I use Firefox). P.S. Are there any specific rules for IE7? 回答1: You can't always be sure. But you can use a css reset. All the browsers standard css-settings will be resetted and you then have a clean start. http://meyerweb.com/eric/tools/css/reset/ 回答2: In this website you have all the necessary information, study http://www.quirksmode.org/ by Peter-Paul Koch & Don't use browser specific

Remove default browser styles on form elements

由 萝らか妹 提交于 2019-12-10 11:04:44
问题 Note: I've tried searching on google, but couldn't find what I was looking for. Browsers have some default styles they use for rendering form elements, which is different from browser to browser. Is there a way to reset all of the native browser styles for form elements like select, radios, checkbox etc, to make a consistent look across browsers? I've made a quick example: form elements http://grab.by/grabs/34db87ee1ad93e031cc72808feb2c8e7.png As can see the form elements are rendered

Unselectable text - Cross browser solution

由 一曲冷凌霜 提交于 2019-12-10 10:59:59
问题 Is there any equivalent for -moz-user-select / -webkit-user-select for IE6 ? I would like the text on my page not to be selectable in all major browsers. What is the best solution for that ? 回答1: Here's the example <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unselectable text</title> </head> <body style="height: 100%; padding: 0; margin: 0;"> <style> .column {width: 30em; margin: 1em;} p {position: relative; z-index: 1; //height: 100%;} /* you

iframe sizing - cross browser issue

由 …衆ロ難τιáo~ 提交于 2019-12-10 10:32:25
问题 I am displaying pages from an external site (that I own) in an iframe in one of my pages. It's all fine except when viewed in Opera with the browser window size reduced (not widescreen), when the iframe shrinks and squashes the content. It works in widescreen (maximize browser window), and is OK in IE7, Firefox, Chrome and Safari in maximize and reduced window size. I have set the frame dimensions in the HTML and have nested the iframe in a div which is larger than the iframe via the css. Is
订阅 cross-browser