cross-browser

Chrome won't play mp3 files?

由 时光怂恿深爱的人放手 提交于 2019-12-05 02:51:31
There's something very weird on my server- chrome won't play mp3 files on it. for example, when chrome is pointed to an mp3 file on first server: http://tinyurl.com/czqfw5a - it won't play. When I place the same file on my second server: http://tinyurl.com/cju4yg4 - it works fine. I checked http response headers, on both servers it looks fine- mime type is set correctly. The problem happens only with chrome. ff / ie work fine. Anyone have an idea? Short story , it's this bug: http://code.google.com/p/chromium/issues/detail?id=110309 Long story is in the way it works, Chrome asks for the MP3

Encoded URL with square brackets. Different behaviour in Chrome/Firefox/IE

由 痞子三分冷 提交于 2019-12-05 02:42:12
I have a link looking like this (it's a bit ugly because it is URL ) <a href="/items?fc%5B%5D=12345&fc%5B%5D=56789&utf8=%E2%9C%93">foo</a> To be a bit clear, it is URL encoded and translates to <a href="/items?fc[]=12345&fc[]=56789&utf8=✓">foo</a> When the form is submitted, the destination URL looks different in different browsers: In Firefox, it looks like desired: http://mydomain/items?fc[]=12345&fc[]=56789&utf8=✓ In Chrome, the square brackets are shown URL-encoded, (which gives very ugly and non-professional looking addresses when using many of them). http://mydomain/items?fc%5B%5D=12345

Get datalist options in IE9 with JavaScript

由 淺唱寂寞╮ 提交于 2019-12-05 02:21:33
This code works in all major browsers except Internet Explorer 9. I don't understand what I'm doing wrong, it's probably something simple that I'm missing. Copy this code (or use this jsFiddle ) to see the problem in IE9: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Datalist fetching in IE9</title> <script type="text/javascript"> //document.createElement('datalist');//this seems to fix it for IE6, but not for IE9 window.onload = function() { alert(document.getElementById('languages').getElementsByTagName('option').length);//should

Strange results with an empty href and the :link pseudo class

由 穿精又带淫゛_ 提交于 2019-12-05 01:44:13
Here is some really simple markup and CSS: a { color: red; } a:link { color: green; } <a href="#">one</a> <a href="">two</a> <a href>three</a> <a>four</a> FIDDLE Now from the spec : in HTML4, the link pseudo-classes apply to A elements with an "href" attribute. So i'd expect the first 3 links to be green. But no, the result is actually that only the first link that has a non-empty href is green. So I used inspect element and I saw that the a:link selector actually overides the a selector in all of the first 3 cases, but for some reason only applies the style on the first case. What is going on

vertical-align and inline-block behaving annoyingly different in chrome and firefox

由 拥有回忆 提交于 2019-12-05 01:31:29
问题 I am currently trying to wrap my brain around a problem, but i can't seem to grasp it. In an unordered list for a navigation, i want to add an icon before every list item via css before pseudo class. <ul class="list"> <li class="list-item"><a href="#">one</a></li> <li class="list-item"><a href="#">two</a></li> <li class="list-item"><a href="#">three</a></li> <li class="list-item"><a href="#">four</a></li> </ul>​ My first thought was to give both elements (the icon and the a-tag) display

Is document.referrer cross browser compatible?

由 不问归期 提交于 2019-12-05 01:12:49
I'd like to use document.referrer for an informal referrer check. Is this element cross browser compatible? Will any browser throw an error when trying to reference the document object? The document.referrer property is described in the DOM spec: http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-95229140 So it should be supported cross-browser. However, you can easily detect if the implementation does support this property like if( 'referrer' in document ) { console.log(document.referrer); } You can not depend on it to determine if the request is coming from a browser (many non-browser robots

Does negative z-index have any side effects

由 荒凉一梦 提交于 2019-12-05 01:05:16
I've been searching for a while for an answer to my question: Does negative z-index have any side effects And I've already asked before here: Does negative z-index affect performance or compatibility? but it doesn't get enough attention (may be because I mixed things a little bit) And I wanted to try and asked in a other way. I am developing a web application for cross platforms (different browsers, devices), and sometimes I am in need to use a negative value for the z-index property, but I'm afraid if it can have any side effects on any/some browser and break the compatibility. I hope I made

how to make css3 and html5 compatible website for all browsers including IE7 and later

由 99封情书 提交于 2019-12-05 00:22:53
问题 Is there any single framework with which I can build a css3, html5 website that is compatible for all browsers including IE7 and later? Can http://html5boilerplate.com/ boilerplate help me in this? 回答1: You will never get the IE7 or IE8 rendering engine to achieve full compatibility with HTML5, CSS3, and other modern technologies. They are simply not capable of it. However there are some hacks, tools and plugins which can get you part of the way. Tools like Modernizr will help you by allowing

Why does code after </html> tag get moved to before </body>? Is there a performance gain?

由 六月ゝ 毕业季﹏ 提交于 2019-12-05 00:15:59
Reading other Stack Overflow posts like this SO question lead me to this odd Google recommendation on CSS optimization. "Odd" being their recommendation for deferring CSS loading ended like this: <div class="blue">Hello, world!</div> </body> </html> <noscript><link rel="stylesheet" href="small.css"></noscript> Aside from seeming excessive, confusing, having invalid HTML, and stating "The application order of CSS rules is maintained... through javascript." even though there is no javascript shown... my question is this: When testing their example and inspecting the result, all the code that

Javascript: cross-browser serverless file upload and download

由 北城以北 提交于 2019-12-04 23:18:40
问题 So I'm working on a web app where a user will need to: provide a file full of data to work on save their results to a file All the manipulation is done in javascript, so I don't really have a need for server-side code yet (just static hosting), and I like it that way. In Firefox, I can use their file manipulation api to allow a user to upload a file directly into the client-side code (using a standard <input type=file/> ) and create an object URL out of a file so a user can save a file
订阅 cross-browser