!important hack method in ie7.0_CSS/HTML

WBOY
Release: 2016-05-16 12:12:06
Original
1646 people have browsed it

Because IE has a bug in recognizing !important, and now most web standard designers use this bug to make it compatible with IE and FF, but IE7.0 has fixed this bug, so the problem has arisen again, how to make it compatible with IE.7.0 At the same time, is it compatible with ie6.0 and ff? As the saying goes, "There are policies from above and countermeasures from below." Foreign web page standard designers use css filter (not css hack) to be compatible with ie7.0, ie6.0 and ff. ff, the following is my translation from a foreign website.

Create a new css style as follows:

#item {
width: 200px;
height: 200px;
background :; Add the lang attribute here, which is zh in Chinese:




Now define another style for the div element:

*:lang(en) #item{
background:green !important;
}

This is done to overwrite the original css style with !important. Since the :lang selector ie7.0 does not support it, this sentence will not be used Any effect, so the same effect under ie6.0 is achieved, but unfortunately, Safari does not support this attribute, so the following css style needs to be added:
#item:empty {
background: green !important
}


: The empty selector is a css3 specification. Although Safari does not support this specification, this element will still be selected regardless of whether this element exists. It is now green It will now work on browsers other than ie versions, and will pass the test under the following browsers and operating systems:

ie7 beta 2 preview/win
ie5.01+/win
firefox 1.5/win
opera 8.5/win & linux
netscape 7.01, 8/win
mozilla 1.7.12/win & linux
safari 2/mac
firefox 1.0.4/linux
epiphany 1.4.8/linux
galeon 1.3.20/linux


According to the author, this is actually not a hack, it should be a filter, but this does not seem to be the most important , because through this method, we have once again solved the compatibility problem between IE6.0, IE7.0 and other browsers, and the method of using: lang-filter will be useful in the future.
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!