当前位置:首页> 正文
IE7.0以下版本列表li中的元素错位一个上一个下的解决方法
HTML:
复制代码代码如下:
lispan class="tag"[${ross.parentName}] /spana href="../ShowNews?id=${ross.newsID}"${ross.title } /aspan class="time"[${ross.updateDate}]/span/li
CSS:
复制代码代码如下:
.time{float:right}
以上代码会在IE7.0以下time元素与a元素错位,一个在上,一个在下。导致的原因是这种情况下span-time元素的margin-top会自动增加20px左右(具体为什么增加不知道,如果哪位大神知道的话给我留个言哈~感激不尽)。解决方法如下,运用CSS hack :
复制代码代码如下:
.time{float:right;*margin-top:-20px;}
CSS hack 知识:
复制代码代码如下:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green;_background:blue;
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,某些情况下不能识别 !important,
复制代码代码如下:
lispan class="tag"[${ross.parentName}] /spana href="../ShowNews?id=${ross.newsID}"${ross.title } /aspan class="time"[${ross.updateDate}]/span/li
CSS:
复制代码代码如下:
.time{float:right}
以上代码会在IE7.0以下time元素与a元素错位,一个在上,一个在下。导致的原因是这种情况下span-time元素的margin-top会自动增加20px左右(具体为什么增加不知道,如果哪位大神知道的话给我留个言哈~感激不尽)。解决方法如下,运用CSS hack :
复制代码代码如下:
.time{float:right;*margin-top:-20px;}
CSS hack 知识:
复制代码代码如下:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green;_background:blue;
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,某些情况下不能识别 !important,
展开全文阅读
相关内容
-
IE9版本以下ajax 跨域问题可行解决方法
IE9版本以下ajax 跨域问题可行解决方法,跨域问题,解决方法,提...
-
怎么用ie浏览器打开网页(IE浏览器常用快捷键)
怎么用ie浏览器打开网页(IE浏览器常用快捷键),标签,快捷键,标...
-
IE浏览器单独写CSS样式的几种方法
IE浏览器单独写CSS样式的几种方法,浏览器,条件,维护,复制,注...
-
IE10中flexigrid无法显示数据的解决方法
IE10中flexigrid无法显示数据的解决方法,解决方法,数据,无法...
-
教你通过命令行完美完全的卸载IE浏览器(IE9、IE
教你通过命令行完美完全的卸载IE浏览器(IE9、IE10、IE11),卸...
-
IE不能上网浏览的常见原因和解决方法
IE不能上网浏览的常见原因和解决方法,解决方法,命令,文件,原...
-
把Windows 系统中的IE8浏览器降为IE6的方法
把Windows 系统中的IE8浏览器降为IE6的方法,方法,版本号,版本...
-
如何彻底优化IE浏览器 六种设置方法轻松优化你
如何彻底优化IE浏览器 六种设置方法轻松优化你的IE浏览器,方...
-
IE浏览器常见错误解析
IE浏览器常见错误解析,右键,删除,运行,浏览器,常见错误,解析...
-
IE和FF在对js支持的不同(整理)及解决方法
IE和FF在对js支持的不同(整理)及解决方法,支持,对象,标签,属...
-
div层调整z-index属性在IE中无效原因分析及解决
div层调整z-index属性在IE中无效原因分析及解决方法,无效,原...
-
重装windowsXP系统中IE浏览器2步搞定
重装windowsXP系统中IE浏览器2步搞定,浏览器,用户,注册表,步...
-
Ubuntu 上安装IE浏览器的方法
Ubuntu 上安装IE浏览器的方法,方法,安装,浏览器,下载,终端,更...
-
360浏览器(ie浏览器)网页图片不显示的具体解决
360浏览器(ie浏览器)网页图片不显示的具体解决步骤,浏览器,网...
-
IE浏览器无法打开搜索页的详细解决方法以及常用
IE浏览器无法打开搜索页的详细解决方法以及常用文件打不开的...