css hack *html,CSS Hack详解
CSS Hack是实现浏览器样式兼容的兜底办法,能不用就尽量不要使用。但是,针对一些浏览器的bug,比如老版本IE的bug,有时使用CSS Hack是不得已而为之的做法。本文将详细介绍CSS Hack。
CSS Hack主要分为属性标记法和选择器前缀法两种:
属性标记法
【IE6-】
对于IE6-浏览器主要使用下划线_和中划线-这两种字符_color:blue;
-color:blue;
【IE7-】
对于IE7-浏览器可以使用非常多的字符,包括`~!@#$%^&*()=+{[]:<>,.?/
但是,比较常用的是加号+和星号*+color:blue;
*color:blue;
【IE10-】
使用后缀\9可以识别出IE10-浏览器color:blue\9;
【IE8+】
使用后缀\0可以识别出IE8+浏览器color:blue\0;
【IE9、IE10】
使用后缀\9\0可以识别出IE9、10浏览器color:blue\9\0;
选择器前缀法
【IE6-】
在选择器前面添加* html,可以识别IE6-浏览器
[注意]*和html之间有无空格都可以生效*html div{color:red}
【IE7】
在选择器前面添加*+html,可以识别IE7浏览器
[注意]*、+、html之间有无空格都可以生效*+html div{color:red}
【IE8】
在选择器外层使用@media \0,可以识别IE8浏览器
[注意]@media和\0之间必须有空格@media \0{
div{color:red}}
【IE9+及其他非IE浏览器】
在选择器前面添加:root,可以识别IE9+及其他非IE浏览器:root div{color:red}
本文转自:https://www.cnblogs.com/xiaohuochai/p/6383384.html
css hack *html,CSS Hack详解相关推荐
- html css主题,HTML+CSS=无限可能——案例详解:我的POI主题作品
原标题:HTML+CSS=无限可能--案例详解:我的POI主题作品 在微博发了这个作业,收到很多好评,实在太开心! 斌叔让我来投稿,那今天就以这个网页为案例,把制作过程中我的方法和经验分享给大家. 作 ...
- 定义html表格的大小和位置,点晴OA工作流表单设计:表格table及宏控件的HTML、CSS、字体参数教程详解...
点晴OA工作流表单设计:表格table及宏控件的HTML.CSS.字体参数教程详解 说明:虽然点晴OA内置了强大的富文本编辑器,但是很多时候还是难以实现理想的精确显示效果,为了实现满意的显示效果,网 ...
- CSS clear 属性取值详解
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作 ...
- css中的position定位详解
css中的position定位详解 position属性指定了元素的定位类型. position属性的5个值:static,relative,fixed,absolute,sticky; 元素可以使用 ...
- CSS transition(过渡效果)详解
CSS transition(过渡效果)详解 通常当 CSS 的属性值更改后,浏览器会立即更新相应的样式,例如当鼠标悬停在元素上时,通过 :hover 选择器定义的样式会立即应用在元素上.在 CSS3 ...
- CSS中的BFC BFC详解 BFC可以解决的问题汇总
CSS中的BFC BFC详解 BFC可以解决的问题汇总 简介 BFC 全称 Block Formatting Context, 名为 "块级格式化上下文"它是CSS2.1规范定义的 ...
- CSS动画(animation)详解
CSS动画(animation)详解 通过<CSS过渡>一节的学习我们知道,利用 transition 属性可以实现简单的过渡动画,但过渡动画仅能指定开始和结束两个状态,整个过程都是由特定 ...
- css画心形原理,科技常识:使用CSS画爱心的过程详解
今天小编跟大家讲解下有关使用CSS画爱心的过程详解 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关使用CSS画爱心的过程详解 的相关资料,希望小伙伴们看了有所帮助. 今天小颖给大家分享一个 ...
- 前端如何设置背景颜色的透明度 css中的 rgba() 函数详解 :background-color: rgba(255,192,203,0.3)
目录 前言 rgba() 函数 详解 再分享一个小技巧哈哈哈 前言 今天在开发移动端的时候感觉没背景颜色有点丑,再加上自己做的是蛋糕app,觉得暖色应该会很好看,于是就用了这行代码 backgroun ...
- css弹性盒之justify-content详解
今天没事把css弹性盒常用及要注意的做一下整理: 先上代码如下: <!DOCTYPE html> <html> <head> <meta charset=&q ...
最新文章
- IJCAI 2019精选论文一览,从底层到应用都有了
- vue 表格左右拖拽调整列宽_解决 | iview低版本实现表格拖拽,滚动条列宽计算问题...
- 在深谈TCP/IP三步握手四步挥手原理及衍生问题—长文解剖IP
- 【408预推免复习】计算机网络(谢希仁第七版)第六章——应用层
- 尚未整理【风控】互联网金融-构建评分卡模型部分知识点
- WCF传递强类型DataSet【源码】
- andoid x项目的优化 1
- Java高级工程师必看系列,已拿到offer
- 普通人学python有意义吗-普通人学Python有用吗?学完能做什么?
- 10 个 PHP 常见安全问题(实例讲解)
- MyBatis 持久化框架快速使用入门(Xml配置版)
- ORACLE 9 默认密码
- ALtium 16等长布线、差分布线
- 4招教你们怎么做海报,想要宣传推广就来这
- python模块中函数的用法_怎么使用help函数查看python模块中函数的用法
- 人工神经网络——径向基函数(RBF)神经网络
- 螺旋矩阵常数复杂度解法
- 记一个小工具——font-spider(字蛛-css压缩中文字体字体)
- pyaudio usb playback_利用python工具包pyaudio实现录音
- BMS(电池管理系统)第五课 ——核心!!!SOH算法开发
热门文章
- QT 4.5 windows版本 安装问题 及 Junction 使用
- MySQL 数据库常用命令—insert delete update select
- 三:CAP与Base理论
- mysql “group by ”与order by的研究--分类中最新的内容
- WebBrowser(超文本浏览框)控件默认使用IE9,IE10的方法
- HDU1081:To The Max(最大子矩阵,线性DP)
- windows下常用命令
- 开启nginx状态监控
- tomcat进程意外退出的问题分析
- HTML5 特性检测:Canvas(画布)