標籤：style blog color io ar div cti sp log
<!DOCTYPE html> <html> <head> <title>Css Hack ie各版本 opera chrome safari firefox</title> <meta charset=”utf-8″ /><style> #test { width:300px; height:300px;background-color:blue; /*firefox*/background-color:red\9; /*all ie*/background-color:yellow\0; /*ie8*/+background-color:pink; /*ie7*/_background-color:orange; /*ie6*/} :root #test { background-color:purple\9; } /*ie9*/@media all and (min-width:0px){ #test {background-color:black\0;} } /*opera*/@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #test { background-color:#00ff00 !important; } /* ie10 */ *::-ms-backdrop, #test { background-color:#00ffff !important; } /* ie11 */}</style> </head> <body> <div id=‘test‘>css hack 測試</div> </body> </html>
css hack 總結 包括ie6-11,chrome,opera,firefox
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
