td在relative模式下,IE9不显示border,chrome正常显示边框
2016-04-21 15:43
363 查看
百度上怎么也搜不出答案,很奇怪的问题。在IE9的 F12调试中,明明td有1个像素的边框,偏偏不显示。
最后用bing搜索,找到老外的帖子。就立马解决问题。 这让我感觉像是,一般医生折腾也看不好病,好医生总能一语中的。对国外同行由衷佩服。
但这样,td是显示在table之下的,当移动时,会被table的其它部门盖住。
原来背景也有边界的:决定背景会盖住哪些部分。
豁然开朗!
最后用bing搜索,找到老外的帖子。就立马解决问题。 这让我感觉像是,一般医生折腾也看不好病,好医生总能一语中的。对国外同行由衷佩服。
/*这样不显示边框*/ .thisTd { position:relative; } /*第一个老外说这样,立马有边框*/ .thisTd { z-index=-1; position:relative; }
但这样,td是显示在table之下的,当移动时,会被table的其它部门盖住。
/*第二个老外说这样,成功*/ .thisTd { background-clip: padding-box; position:relative; }
原来背景也有边界的:决定背景会盖住哪些部分。
background-clip: border-box background-clip: padding-box background-clip: content-box background-clip: inherit
豁然开朗!
相关文章推荐
- 递推求阶乘
- 防盗链
- WSDL文件详解
- 三大WEB服务器apache,nginx,lighttpd
- loadrunner12
- .net 中的SqlConnection连接池机制详解
- AndroidStudio简单的apk混淆
- shader 编程工具:NVIDIA FX Composer和Render Monkey
- 利用listview实现简要的QQ聊天效果
- MAT 格式操作
- JAVA基础知识点(自己总结的)
- Hive 优化
- img元素底部有空白间距的问题
- python 切片
- Java 实现导出excel表 POI
- gitlab 配置邮箱
- 2016阿里算法工程师笔试题 (二)
- 怎么在ZBrush中渲染漫画风格的插画
- 在CentOS系统上从零开始搭建WordPress博客的全流程记录
- 大数据面试部分摘要