Shulou(Shulou.com)06/03 Report--

This article mainly explains "what are the common css compatibility problems in various browsers". The explanation in the article is simple and clear and easy to learn and understand. please follow the editor's train of thought to study and learn "what are the common css compatibility problems in various browsers?"

I. the problem of dotted frames of links

The code is as follows:

The code is as follows:

/ *

* A, img, input and other tags will be clicked with dotted frames

* remove it

, /

.noDashedBox {

Outline:0

Blr:_expression (this.onFocus=this.blur ())

}

2. Fixed positioning

The code is as follows:

The code is as follows:

/ * css * /

.fixedTop {

Position:fixed

Top:100px

Left:50%

Margin-left:500px

_ position:absolute

_ top:_expression (eval (document.documentElement.scrollTop + 100))

}

.fixedBottom {

Position:fixed

Bottom:50px

Left:50%

Margin-left:500px

_ position:absolute

_ top:_expression (eval (document.documentElement.scrollTop + document.documentElement.clientHeight-70))

}

3. Png background picture transparent: for ie6

The code is as follows:

The code is as follows:

/ *

*

* ie6 png8 background cannot be located

, /

.pngOpacity {

Height:228px

Background:url (image/png_test.png) no-repeat

_ background:none

_ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled='true', sizingMethod='crop', src='image/png_test.png')

}

The code is as follows:

/ / png transparent js solution

If (! window.XMLHttpRequest) {

Window.attachEvent ("onload", enableAlphaImages)

}

Function enableAlphaImages () {

For (var item0; I

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.