padding ie 不兼容问题

　　通常我们遇到3种情况：

　　IE6 正常 IE7/FF不正常

　　这种情况下我们这样处理：

　　padding: 7px !important;(针对FF/IE7)

　　padding: 6px;(针对IE6)

　　IE6 IE7正常 FF不正常

　　这种情况我们要这么处理，因为!important IE7也是能识别的!

　　padding: 7px;(针对FF)

　　*padding: 6px;(针对IE6/IE7)

　　IE6 IE7 FF都不一样

　　这种情况我们这样来处理：

　　padding: 7px;(针对FF)

　　*padding: 6px;(针对IE7)

 

　　_padding: 5px; (针对IE6)

时间： 2024-12-30 21:44:20

padding ie 不兼容问题的相关文章

css padding在ie7、ie6、firefox中的兼容问题

padding 简写属性在一个声明中设置所有内边距属性. 说明 这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度.行内非替换元素上设置的内边距不会影响行高计算:因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠.元素的背景会延伸穿过内边距.不允许指定负边距值. 注释:不允许使用负值. 例子 1 padding:10px 5px 15px 20px;上内边距是 10px 右内边距是 5px 下内边距是 15px 左内边距是 20px 例子

padding标记 在ie7、ie6以及firefox中的兼容

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.所以要解决padding的兼容问题就要靠前面提到的标签. 以sccas-site为例,左侧导航栏在padding上产生了ie6.ie7以及ff浏览器不兼容,修改代码如下:  代码如下 复制代码 #menu7 li a { height:25px; /*border-right:1px solid #666666;*/ text-decoration: none; ?? margin:

css padding兼容ie6,ie8,firefox办法

padding 简写属性在一个声明中设置所有内边距属性. 说明 这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度.行内非替换元素上设置的内边距不会影响行高计算:因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠.元素的背景会延伸穿过内边距.不允许指定负边距值. 注释:不允许使用负值. 例子 1 padding:10px 5px 15px 20px;上内边距是 10px 右内边距是 5px 下内边距是 15px 左内边距是 20px 例子

ie6-IE6中CSS显示不兼容问题

问题描述 IE6中CSS显示不兼容问题 其他浏览器下 IE6这样显示 CSS #content_index .ntc{width:321px;border-right:1px #CCCCCC solid;height:260px;float:left;} .tab {overflow: hidden;width: 321px;height: 52px;cursor: pointer;} .tab li {float: left;width: 160px;text-align: center;li

FireFox和IE中的CSS兼容差异及解决方案

1.css在不同浏览器下显示效果不同 firefox和IE对某些css样式的认定有不少区别,包括: ul和ol的默认padding值是不一样的,在Firefox中,padding-left默认值为40px左右,而IE中为0,一般设置ul{margin:0;padding:0;}就能解决大部分问题 对字体大小small的定义不同,Firefox中为13px,而IE中为16px,差别挺大,也只能设置为14px了事:(暂时没有发现) 并列排列的多个元素(图片或者链接)的代码中的空格和回车会造成元素之间

Webkit优化网站在IE10兼容最优方案

文章简介:本指南涵盖了你为Webkit优化的网站在IE10和其他兼容标准的浏览器上也能运行得很好的最常用的适配方案.如果你有其他技巧是本文没有涵盖的,请你分享在下面的评论栏里. IE10对HTML5的广泛支持确保了你的网站在Windows Phone 8中比以往任何时候都能运行的好.之前,为了支持iOS或Android你可能会把Webkit作为专门优化的目标.现在可以让你为Webkit优化的网站也能轻松适配IE10.这意味着你将维护更少的代码,并且,可以给你的客户一个更好的体验.更让人欣喜的是,

CSS网页设计技巧总结:浏览器兼容技巧10则

文章简介:前端入门10个css bug顺口溜. css浏览器不兼容很折腾人.天外飞仙在其他网站上趴下来的,读了遍,还真是回事,说的蛮好的,就转来,权当给自己做笔记,俗话说的好,好记性不如烂笔头,也顺便给大家分享. 一.IE边框若显若无,须注意,定是高度设置已忘记: 二.浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中: 三.三像素文本慢移不必慌,高度设置帮你忙: 四.兼容各个浏览须注意,默认设置行高可能是杀手: 五.独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览: 六.学布局

CSS网页设计技巧:input按钮在IE浏览器的兼容问题

文章简介:CSS网页设计技巧:input按钮在IE浏览器的兼容问题. 这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结.所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨一下. Html Code: <input type="submit"; class="form-submit" value="subscribe" name=&qu

IE6不兼容position:fixed属性的解决办法

文章简介:IE6下不兼容position:fixed属性!在网上也看了一些资料还是不行! IE6下不兼容position:fixed属性!在网上也看了一些资料还是不行! position: fixed;这个属性用起来确实很方便,可以轻松的实现固定位置的浮动层效果.但是,它不支持IE6及以下版本.于是很多同学使用JS模拟.今天写了一个DEMO,涉及左侧.右侧.及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5.IE6,且避免了js模拟时,拖动滚动条时出现抖动的问