cross-browser

问题 I know there are plugins like https://code.google.com/p/ie6-upgrade-warning/ and http://browser-update.org that are extremely handy to warn users to not use IE6/7. But what if I would like to go a step further and customise the detection to say "Sorry, IE is not supported, Please download Chrome"? Are there such plugins out there? Thanks 回答1: Stack Overflow is a great place to get the answers you're looking for, but sometimes the answer you're looking for is not the answer you actually need .

问题 I have a web application that processes events and audio received from a specialised microphone. The audio is processed by a Java applet that runs in the web page, but other events (microphone connected, microphone disconnected, microphone button pressed) are handled by an ActiveX object. The ActiveX object traps these events and calls JavaScript code to handle them <!-- Load the ActiveX control --> <object id="PhilipsSpeechMikeCtrl" width="0" height="0" tabindex="-1" classid="CLSID:AAA44754

问题 The following question is a good rundown on what the spec says about the contents of the id attribute: What characters are allowed in DOM IDs? my question is, how well do browsers adhere to this spec? I am pretty sure that i can use all numeric ids in firefox for example. 回答1: That's the difference in HTML4 vs HTML5. As this answer says, id's in HTML4 were highly restrictive on what is allowed. A valid id in HTML4 as per the spec, must begin with a letter ([A-Za-z]) and may be followed by any

问题 I'm trying to understand why the following is not working as I would think it does. I'd like to check whether an object is a window. I was thinking that checking the constructors of the current window and another window would work. So, first creating another window: var popup = window.open('', '', ''); And then checking with: popup.constructor === window.constructor; But for some reason the results vary among browsers: IE7: Returns true But that's simply because .constructor === undefined IE8

问题 I know I can get the name of the current running function by using arguments.callee.caller.name But this does not work in Internet Explorer (any version). What's the correct cross-browser syntax? Does a workaround exist? 回答1: Apart from the fact that arguments.callee is effectively being phased out and is completely absent in ECMAScript 5 strict mode, the main issue is that Function objects in IE do not have the name property. It is implemented in some browsers, notably Firefox and recent

问题 I'm trying to get width and height of element's background-image. When you click on it, it should show it inside the element ("200 300" in this case). HTML: <div id='test'></div> CSS: #test { width: 100px; height: 100px; background-image: url(http://placehold.it/200x300); } JavaScript: $('#test').on('click', function () { $(this).text(getDimensions($(this))); }); var getDimensions = function(item) { var img = new Image(); //Create new image img.src = item.css('background-image').replace(/url\

问题 I am developing a web application using RichFaces / JSF. The application behaved as expected on Safari, Mozilla, Chrome, and IE 9, however, I encountered serious compatibility problems with IE 11. When a rich:modalPanel opens up, the dialog and buttons are completely greyed out. The h:inputTextArea displays all of the server side code generated as opposed to being empty. When I click the rich:calendar icon, it does not popup a calendar, even though I have set popup to true in the attributes.

问题 I have an unordered list I'm displaying horizontally as the page's top menubar. I've gotten it to display relatively well, although I've been playing with the spacing for IE6 and IE7 cause it's not displaying properly. Shocking. In either case, is it better to use a table to display the menu or use some CSS hacks, which I can't find a way around? What is the best way to display the menu? I should add some of the options have dropdown menus using their own unordered lists. 回答1: Check out List

问题 Hello I'm going crazy behind this compatibility issue with ie. The problem occurs only with internet explorer (I have version 10), I have no problems with firefox. I'm trying to open a sliding form (not created by me, specifically: a link but when I go to run the code (only on internet explorer) I get the following exception. Do you know tell me what is due? // Use this for any attribute in IE6/7 // This fixes almost every IE6/7 issue nodeHook = jQuery.valHooks.button = { get: function( elem,

问题 I came across with CSS content property, which it is able to add text into element. for example: .class:after{ content: "testing"; } Unfortunately this CSS property only working in IE8 only with !DOCTYPE is defined. Is there anyway or workaround that we can make this to be working in IE7 too? without using JavaScript or jQuery. 回答1: Nope, IE7 does not support it Only chance is to use Javascript/Jquery. 回答2: I'm using this solution, which doesn't require js. .whatever { *zoom: expression( this