css hack[ie6-9,firefox,chrome,opera,safari]写法
来源:互联网 发布:python抓取网页文字 编辑:程序博客网 时间:2024/05/16 17:00
<!DOCTYPE html> <html> <head> <title>Css Hack_主流浏览器写法</title> <style type="text/css"> #dome { 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 #dome { background-color:purple\9; } /*ie9*/@media all and (min-width:0px){ #dome {background-color:black\0;} } /*opera*/@media screen and (-webkit-min-device-pixel-ratio:0){ #dome {background-color:gray;} } /*chrome and safari*/</style> </head> <body> <div id="dome">Css Hack_主流浏览器写法</div> </body> </html>
分析:
background-color:blue; 各个浏览器都认识,这里给firefox用;
background-color:red\9;\9所有的ie浏览器可识别;
background-color:yellow\0; \0 是留给ie8的,同时最新版opera也认识。不过opera有专门写法,\0专给ie8;
+background-color:pink; + ie7;
_background-color:orange; _专门ie6;
:root #test { background-color:purple\9; } :root是给ie9的,网上流传了个版本是 :root #test { background-color:purple\0;},呃。。。这个。。。,新版opera也认识,所以经笔者反复验证最终ie9特有的为:root 选择符 {属性\9;}
@media all and (min-width:0px){ #test {background-color:black\0;} } 这个是老是跟ie抢着认\0的神奇的opera,必须加个\0,不然firefox,chrome,safari也都认识。。。
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }浏览器chrome和safari。
0 0
- css hack[ie6-9,firefox,chrome,opera,safari]写法
- css hack(ie6-9,firefox,chrome,opera,safari)
- css hack(ie6-9,firefox,chrome,opera,safari)
- css hack(ie6-9,firefox,chrome,opera,safari)
- css hack(ie6-9,firefox,chrome,opera,safari)
- Css Hack(ie6-9,firefox,chrome,opera,safari)
- Chrome、Firefox、IE6|IE7|IE8、Opera、Safari CSS HACK
- [HTML][CSS]史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 史上最全的css hack(ie6-9,firefox,chrome,opera,safari)
- 兼容 ie6-9,firefox,chrome,opera,safari css
- CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack使用简要归纳
- CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack使用简要归纳
- VirtualBox 的命令行启动/关闭方法简介
- safari检查 url是否可用
- gridEH 3d 标题栏颜色渐变
- 正则匹配式
- 如何快速读书
- css hack[ie6-9,firefox,chrome,opera,safari]写法
- Android获得手机屏幕尺寸的方法
- Fiddler 用来做反向代理抓包
- 一口一口吃掉struts(七)——ActionForward知多少 .
- 单例模式-多线程单例模式
- 线闭合问题
- WebService简单案例
- 第四周作业-多线程编程
- 初学jsp(2)————————部署简单的Web应用