IE7.0以下版本列表<li>元素中元素错位解决方法
2012-06-11 11:18
441 查看
HTML: <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中的元素错位一个上一个下的解决方法
- 关于项目文件导入打开报:无法识别元素 <Target> 中的属性“Returns”错误解决方法
- IE7下在DD DT中插入<a>元素导致样式跑偏的解决方法
- 关于项目文件导入打开报:无法识别元素 <Target> 中的属性“Returns”错误解决方法
- oracle安装后 tomcat启动报 Address already in use: JVM_Bind<null>:8080 错误 的几种解决方法
- JQuery的html(data)方法与<script>脚本块的解决方法
- SVN版本冲突,遇到<<<<<<< .mine,=======,>>>>>>>.r3541怎么解决?
- inline-block元素的空白间距解决方法<转>
- 解决:error : 元素 <EnableEnhancedInstructionSet> 具有无效值“AdvancedVectorExtensions”。
- <input type="file" name="filePath" />最简单的解决方法
- C++&nbsp;学习&nbsp;&lt;三&gt;&nbsp;:错误与解决方法
- struts2中JSP无法用<jsp:forward page="test.action"> 跳转到对应的 action中解决方法
- 使用<a>标签提交action会执行两次后台方法的原因(反射机制小实例问题的解决)
- struts中<html:radio>标签默认选中的解决方法《转载》
- 解决“<script src=http://3b3.org/c.js> </script>”SQL注入方法
- 模板类中定义 std::list<T>::iterator iter编译器不识别的解决方法。
- Winform中DataGridView绑定List<T>数据源时,点击DataGridView列头不能自动排序解决方法
- <authentication+mode="Forms">+是应用级别的...在子目录下用+<authorization>节来控制访问的解决方法
- 讨论exe获取dll提供的单例,并获取单例所提供的带有vector<class A>& STL容器的返回值的情况-提供1种解决方法
- Spring3.X <form:form>标签数据绑定常见异常解决方法