实现CSS跨浏览器
来源:互联网 发布:淘宝买东西寄到美国dhl 编辑:程序博客网 时间:2024/06/07 23:01
一、padding和margin
- 问题:ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反 。
- 解决方法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none; 另外form默认在IE中也会有margin值,所以最好也将其margin和padding设为0 。
二、cursor
- 问题:IE中cursor:hand可以将鼠标设为手形,Firefox下不行 。
- 解决方法:都用cursor:pointer 。
三、单位
- 问题:任何距离的数值IE可以不加单位,Firefox必须要求写单位(0除外) 。
- 解决方法:写全单位如padding:0px;
四、高度
- 问题:如果设置了一个DIV的高度,当DIV里实际内容大于所设高度,IE会自动拉伸以适应DIV容器大小,Firefox会固定DIV的告诉,超过部分超出DIV底线以外,出现和下面的内容重叠的现象
- 解决方法:控制恰当的高度,或者不写,让浏览器自动调节高度,或者设置overflow:hidden;
五、clear:both
- 问题:如果上面用float控制了n列DIV,IE下会自动检测自动排列,Firefox下则可能到处乱动。
解决方法:float结束后的下一个标签加clear:both;以结束float的控制。
六、实际像素
- IE/Opera:对象的实际宽度 = (margin-left) + width + (margin-right)
- Firefox/Mozilla: 对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-width) + (margin-right)
所以排列好及列的表格时IE和Firefox显示宽度稍有区别
- 实现CSS跨浏览器
- 跨浏览器的 inline-block 实现[CSS]
- 跨浏览器实现CSS滤镜颜色渐变
- CSS 渐变多浏览器实现
- css实现浏览器导航功能
- CSS中跨浏览器的inline-block实现
- CSS实现跨浏览器兼容性的盒阴影效果
- CSS实现跨浏览器兼容性的盒阴影效果
- CSS实现跨浏览器的box-shadow盒阴影效果
- CSS 跨浏览器兼容性问题
- CSS 跨浏览器
- 跨浏览器开发:CSS
- 超棒的跨浏览器纯CSS动画实现 - Animate.css
- CSS实现水平/垂直自适应浏览器居中
- CSS实现水平/垂直自适应浏览器居中
- CSS实现渐变 兼容各主流浏览器
- CSS兼容实现各浏览器的透明度
- CSS实现相对浏览器窗口定位
- malloc calloc realoc
- 连接池的释放是否恰当!
- 快速写入Excel(将数据转换为二维数组,再使用Range方法)
- 嵌入式人才的发展方向!(转贴)
- 关于SQL Server2000连接服务器时提示:无效的连接,ConnectionOpen(Invalid Instance())的解决方案
- 实现CSS跨浏览器
- 挚友如茶
- Linux 配置JDK和Tomcat
- 技术创新推进产业结构调整
- Instruments on Leopard: How to debug those random crashes in your Cocoa app
- 组织培训管理之新人练习计划
- 疯狂的跨域技术
- 快餐电话
- 解决flash与js交互、flash跨域交互、flash跨域提交