博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ie6下padding属性双倍hack(转)
阅读量:5098 次
发布时间:2019-06-13

本文共 546 字,大约阅读时间需要 1 分钟。

上次解决了,这次偶然发现padding也有IE6下双倍的问题,只不过是小问题,也记一下吧。

在ie6下使用padding的话,数值乘2倍增长,其他浏览器不会!

只能用!important来调整!

例如在IE6下的x容器样式是这样。

.x{
width:100px;height:100px;padding:50px;}

在IE7\8,firefox,chrome等主流浏览器中,它的总占据的宽度和高度是200X200,而在IE6中,则是300X300。

要调整兼容性,利用!important关键字!

样式写成

.x{
width:100px;height:100px;padding:50px!important;padding:25px;}

除了IE6以外,其他浏览器都支持!important关键字属性的优先!

注意:要使用!important的话,把优先的属性写前面,就像上面一样!这样在代码读取顺序的时候,除IE6以外的浏览器读取到了!important关键字的属性,后面的相同属性就不再读取,而IE6不支持!important,所以IE6只能读取!important后的属性!

转载于:https://www.cnblogs.com/beginF2E/p/5277268.html

你可能感兴趣的文章
内存管理 浅析 内存管理/内存优化技巧
查看>>
Aizu - 1378 Secret of Chocolate Poles (DP)
查看>>
csv HTTP简单表服务器
查看>>
IO流写出到本地 D盘demoIO.txt 文本中
查看>>
Screening technology proved cost effective deal
查看>>
mysql8.0.13下载与安装图文教程
查看>>
Thrift Expected protocol id ffffff82 but got 0
查看>>
【2.2】创建博客文章模型
查看>>
Kotlin动态图
查看>>
从零开始系列之vue全家桶(1)安装前期准备nodejs+cnpm+webpack+vue-cli+vue-router
查看>>
Jsp抓取页面内容
查看>>
大三上学期软件工程作业之点餐系统(网页版)的一些心得
查看>>
可选参数的函数还可以这样设计!
查看>>
[你必须知道的.NET]第二十一回:认识全面的null
查看>>
Java语言概述
查看>>
关于BOM知识的整理
查看>>
使用word发布博客
查看>>
面向对象的小demo
查看>>
微服务之初了解(一)
查看>>
GDOI DAY1游记
查看>>