常见ie css hack
.all IE{property:value\9;}
.gte IE 8{property:value\0;}
.lte IE 7{*property:value;}
.IE 8/9{property:value\0;}
.IE 9{property:value\9\0;}
.IE 7{+property:value;}
.IE 6{_property:value;}
.not IE{property//:value;}
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判断符相同
========================
* html selector /* for IE6 and below */
*+html selector /* for IE7 and IE5 */
*:first-child+html selector /* for IE7 only */
html>body selector /* for IE7+ and other standard browsers */
html>/**/ body selector /* for not IE */
_property:value /* for IE6 and below */
*property:value /* for IE7、6、5 */
porperty:value\0/ /* for IE8 */
porperty:value\9 /* for all IE */
===================================
1、IE6的双边距BUG.
发生条件:如果有元素是浮动元素,则该元素与它的父元素(一般是一个容器)直接相接触(中间不能隔着其他元素)的左或右的边距就会产生双倍边距,也意味着相邻的兄弟元素不可能会产生双倍边距,只有元素与其父元素之间才有可能产生双倍边距,产生双倍边距的那边是与其父元素相接触的那边
解决方法:给产生双倍边距的元素添加上 display:inline
2、IE6的3px间隙BUG.
发生条件:属于兄弟关系的不浮动元素与浮动元素相邻时,会有3px的间隙,其中的不浮动元素也包括文本。
解决办法:是给浮动元素设一个负边距,如margin-right:-3px
3、FF火狐浏览器的margin-top BUG。
BUG描述:比如两个嵌套的div元素,里面的div元素的margin-top会跑带外层的div元素中去,如果外层的元素也有margin-top,则两者不会叠加,而是取margin-top值较大的那个。其实这个是边距叠加造成的
解决方法:给里面的div元素加上display:inline-block属性,或设置成绝对定位,或浮动都可以
4、当绝对定位的元素不显示的设置left、right、top、bottom的值时,它会就会出现在文档流中它本来该出现的地方。这时IE7及其以下版本会把这个绝对定位元素看成是inline元素,即使显示的设置了display为block,其他标准浏览器则会认为这个元素时block元素.
=========================
参考网络资源整理
最新文章
- ASP.NET MVC开发:Web项目开发必备知识点
- Andriod 自定义控件之创建可以复用的组合控件
- 配置Java SSL 访问网站证书
- netcat使用
- Windows下Python,setuptools,pip,virtualenv的安装
- 怎样安装WIN7系统
- js方法的命名不能使用表单元素的名称或ID
- SQL Server 2005/2008 触发器的管理和查看
- DM365视频处理流程/DM368 NAND Flash启动揭秘
- python学习:调用其他函数
- Android连续点击多次事件的实现
- 微信小程序快捷键(Mac和windows)
- spring cloud config--client
- vim的基本用法
- UNITY3D 2D物流流体插件下载|Liquid Physics 2D
- [转] caffe数据层参数说明
- Ubuntu菜鸟入门(十六)—— 安装视频播放器vlc
- java.time 时间和简单任务
- Appfuse搭建过程(下源代码不须要maven,lib直接就在项目里(否则痛苦死!))
- xftp Initialize Flexnet Service failed / Error code: 50003
热门文章
- mov指令具体解释
- &;quot;Insufficient RAM for Flash Algorithms&;quot;出错原因及解决方式
- Hadoop Yarn 安装
- 使用javascript正则表达式实现遍历html字符串
- IntelliJ Idea 2017 注册码 免费激活方法
- DataBase MongoDB高级知识
- IOS学习2——Xcode快捷键大全
- Java.util.Map排序输出
- 在Ubuntu14.04下安装 labelImg (标数据用)
- Java 读者写者问题