how to fix browser compatibility issues

Some browser compatibility issues do a summary below:Why is this happening? The main is like Firefox browser good support of the standard, is currently the best CSS support browser, and IE is appearing earlier, in the support of the Internet is not very good. There's a lot o

, opera and safari support for CSS styles important and *1, IE6, IE7 all support *, but IE8 finally return to the Orthodox, give up the support of *2, IE7, IE8, Firefox, Opera, Safari all support importantImportant, the priority of the high-level. To illustrate:Body{Background-color: #FF0000!important;*background-color: #00FF00!important;*background-color: #0000FF;Background-color: #000000;}IE6 Choose the last one, namely: Background-color: #000000; (because IE6 does not support important)IE7 Se

Window.onload = function () {Alert (' Hello, welcome ');//The browser pops up normally}Window.onbeforeunload = function () {Alert (' Thank you for coming '); IE Firefox Browser tipsReturn (' Thank you '),//ie Google browser hint (opera browser only prompts when refreshed)}Window.onunload = function () {Alert (' Good-by

', ' StyleClass ' )Both IE and FF support Object.classname.22. Setting Events with SetAttributevar obj = document.getElementById (' objId ');Obj.setattribute (' onclick ', ' funcitonname (); ');Firefox support, IE does not supportWorkaround:You must use dot capable to reference the required event handlers in IE, and to assign anonymous functionsAs follows:var obj = document.getElementById (' objId '); obj.onclick= This method is supported by all browserstwo or three. Create a radio buttonBrow

CSS compatibility is also the focus of attention. We must pay attention to the multi-test. Javascript multi-browser compatibility issues and solutions key to compatibility processing1. DOCTYPE affects CSS processing2, FF: Set padding, div will increase height and width, but

Recently in the study of some of the browser compatibility issues of the CSS problem, first summarized as follows:(1) in some modern browsers (Opera,chrome, Google, Safari), if the block-level tags such as div set padding will cause the element height and width increase, in IE will not increase, but only in the IE6 does not increase, IE7 above in IETester test wi

1, different browser tags default external patches and internal patches are differentProblem symptom: Write a few labels casually, do not add style control case, each margin and padding difference is big.Hit frequency: 100%Solution: Initialize the default CSS style, *{margin:0;padding:0}. You can also use the initialization code for other sites.Note: This is one of the most common and easiest browser

false;}FF:-moz-user-select:none;DrawingIe:vml.Ff:svg.CSS: TransparentIE:filter:progid:DXImageTransform.Microsoft.Alpha (style=0,opacity=60).ff:opacity:0.6.CSS: Rounded CornersIE: Rounded corners are not supported.FF:-MOZ-BORDER-RADIUS:4PX, or-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-. moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;.CSS: Double-line bump borderie:border:2px outset;.Ff:-moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c

Some of the most common compatibility issues:1. Different browser tags default external patches and internal patches are differentIn each browser, without the style, the margin and padding differ greatly from each other.Workaround: Write *{margin:0px;padding:0px} in CSS2. Child elements kidnap the parent element's Marg

minimum height setting min-height incompatibleProblem: Because Min-height itself is an incompatible CSS property, setting Min-height is not very well-compatible with individual browsersSolution: If we want to set the maximum height of the tag, we need to set it to: {min-height:200px; Height:auto!important;height:200px; overflow:visible;}Note: When the content is less than a single value (such as 300px). The height of the container is 300px;When the content is at this value, the container height

Here are a list of browser compatibility issues that you can refer to when you write CSS. 1, only IE7 and IE5.0 can be identified*+html Select {...}This hack can be used when faced with the need to make styles only for IE7 and IE5.0.2, only IE7 can be identified*+html Select {...! important;}This hack can be used when faced with the need to do IE7 style only.3, I