IE7.0以下版本列表li中的元素错位一个上一个下的解决方法
2013-10-22 17:32
567 查看
HTML:
CSS:
以上代码会在IE7.0以下time元素与a元素错位,一个在上,一个在下。导致的原因是这种情况下span-time元素的margin-top会自动增加20px左右(具体为什么增加不知道,如果哪位大神知道的话给我留个言哈~感激不尽)。解决方法如下,运用CSS hack :
CSS hack 知识:
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,某些情况下不能识别 !important,
<li><span class="tag">[${ross.parentName}] </span><a href="../ShowNews?id=${ross.newsID}">${ross.title } </a><span 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,
相关文章推荐
- IE7.0以下版本列表<li>元素中元素错位解决方法
- 解决IE9以下ie版本不能识别新元素的方法 添加一个js -- Shiv Solution
- 微信小程序开发 不在以下合法域名列表中请参考文档 解决方法
- php5.4以下版本json不支持不转义内容中文的解决方法
- IE9版本以下ajax 跨域问题可行解决方法
- php5.2以下版本无json_decode函数的解决方法
- 【微信小程序】合法域名校验出错,不在以下合法域名列表中 解决方法
- C# B/S程序中使用DropDownList出现System.ArgumentOutOfRangeException: “DropDownList1”有一个无效 SelectedValue,因为它不在项目列表中的解决方法
- php5.2以下版本无json_decode函数的解决方法
- 2106某某面试编程题:必须用Java语言实现,给出一个由元素数范围从0到N-1个唯一正整数组成的列表。设计一种方法,将该列表所有元素的元素值和其相应的索引值互换
- IOS7版本中GameCenter的一个bug的解决方法
- [VS2012]VS在解决方案中的一个或多个项目由于以下原因未能加载的解决方法
- 一个电脑上同时安装多个版本JDK,设置环境变量不生效的解决方法
- “无法更新EntitySet“*****”,因为它有一个DefiningQuery,而元素中没有支持当前操作的元素”问题的解决方法
- 1、点击一个ul的五个li元素,分别弹出他们的序号,用正常和闭包的方法
- 关于使用NotificationComat导致android2.3及以下版本无法显示自定义布局的解决方法.
- 在解决方案中的一个或多个项目由于以下原因未能加载的解决方法
- EF框架:“无法更新EntitySet“*****”,因为它有一个DefiningQuery,而元素中没有支持当前操作的元素”问题的解决方法
- 关于提示”XML 文档只能有一个顶层元素“问题的解决方法备忘
- IE11版本找不到控件元素的问题解决方法