cross-browser

How to scan HTML and javascript files for cross browser compatability?

由 我只是一个虾纸丫 提交于 2019-12-12 11:31:44
问题 I'm looking for a tool that will scan my HTML and JS files and report whether the scripts are cross browser compatible or not. I'm not really interested in an online tool which I have to enter all my URL's. 回答1: There may be some "scanners" around but none of them is going to do a decent, complete job - whether things behave well across browsers one will have to confirm visually, using human eyes. The best you can do in terms of automatic testing, in my opinion, is create valid HTML. It won't

Is Javascript's tabIndex property cross-browser?

由 依然范特西╮ 提交于 2019-12-12 11:08:17
问题 I had a problem, and this answer solved it. It uses the property tabIndex . Is this property cross-browser? Which browsers support it? Normally I would use Google for this, but oddly, nothing about this (except w3schools) appeared in my search query, and w3schools is terrible and doesn't show which browser versions are supported, only which browsers. MDN doesn't say anything about it either. 回答1: tabIndex is so old, it has been standard since the earliest versions of browsers. In fact, it

CSS min width div not forcing it's container to be the right size as expected

由 不打扰是莪最后的温柔 提交于 2019-12-12 11:03:17
问题 I have a DIV that need a minimum width. I can't use the CSS min-width as its not cross-browser. I've created a inner div with a set width. When the browser is smaller than this inner div I get a scroll bar as expected. The issue is that the outter div keeps shrinking smaller than the inner div. See here for an example. I would expect the blue to be the same width as the yellow. Whats wrong with my CSS? 回答1: min-width is supported by all browsers except IE6. If you don't need IE6 support, you

css “:active” with right click, inconsistencies with browser implementation

由 a 夏天 提交于 2019-12-12 10:37:56
问题 I just noticed an inconsistency between the way browsers handle the css :active state of an element when it is right-clicked (contextmenu click) Firefox: :active is not triggered Chrome: :active is triggered momentarily, until mouseup occurs Safari 5 & IE 10: :active is triggered and element remains :active until the contextmenu is closed Here's a quick jsfiddle to replicate this http://jsfiddle.net/annam/tqBqV/ div { background: red; } div:active { background: green; } Anyone knows which is

How do you make tooltip show up for longer in IE

由 倾然丶 夕夏残阳落幕 提交于 2019-12-12 10:34:42
问题 i got the following <span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>"> in firefox the tooltip stays there until the mouse is moved, but in IE it only stays there for about 5seconds and disappears. is there a way to make it last longer? 回答1: Not with built-in browser tooltips, no. There are tons of tooltip-like UI components using positioned DOM elements that will give you much finer control of presentation and display duration. I've never used

Styling html in email

由 心已入冬 提交于 2019-12-12 10:32:18
问题 I'm sending emails with an HTML version for capable clients (isn't that virtually all nowadays?). My worry is how to style it. Do I use inline css? Can I include the stylesheet in the html? Does the html begin with <html> or <body> ? Is there a standard I can read on this? How far can I go in styling? I have border-radius, background gradients, etc that have natural fallback mechanisms for browsers that don't support it (IE). For IE, I use PIE.htc, I assume that's going too far... 回答1: As far

How many type of “Box Model” CSS have?

由 五迷三道 提交于 2019-12-12 10:10:01
问题 How many type of "Box Model" CSS have? 回答1: CSS3 has two box-models. content-box and border-box . content-box is the default. content-box content-box is the default CSS box-model since CSS version 1. When using content-box , only the content of the box is taken in effect when calculating the width of the box. In the reference below, content-box is referred to as the W3C box model. border-box border-box is the ported version of the Microsoft box model. In Internet Explorer 5 and below (IE6 in

HTML/CSS Fonts: Different browsers/OSs different results

由 ♀尐吖头ヾ 提交于 2019-12-12 09:58:06
问题 I've been working on my website and I'm using font squirrel to generate some web fonts for the website, but currently I've this differences: Google Chrome OSX Google Chrome Windows Firefox OSX Firefox Windows Internet Explorer Is there a way I can "hack" the fonts under windows so they will look more the ones under OSX? Thank you. 回答1: Different systems render fonts differently. There is mostly nothing you can do about it. You can just live with it: check that on major systems (Windows, Mac,

Is it possible to change browser mode without using the IE developer tools?

由 牧云@^-^@ 提交于 2019-12-12 09:48:50
问题 Our application runs fine in IE7 and IE8. We use the X-UA-Compatible header to force the browser to use IE7 standards document mode. This is about which rendering engine will be used afai get the picture. In IE9 however there are a bunch of things which stopped working. In IE9 the document mode is IE7 standards, but the browser mode remains IE9. When I manually change the browser mode (using the developer tools) to IE7, all is fine again. Is there a way to programmatically force BROWSER MODE?

Get datalist options in IE9 with JavaScript

由 人走茶凉 提交于 2019-12-12 09:36:07
问题 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 =
订阅 cross-browser