td相对定位不显示边框,使用background-clip解决
来源:互联网 发布:淘宝上氟硝西泮叫什么 编辑:程序博客网 时间:2024/06/05 23:43
问题是这样的,由于显示需要,设置td为相对定位,却神奇的发现不显示边框了:
td { position: relative; border: 1px solid #000;}
这个时候你会发现这个边框死活就是不出来,不知道各位攻城狮有没有遇到类似的问题,解决方式的话就是使用background-clip啦,background-clip 属性规定背景的绘制区域,如下:
background-clip: border-box /背景被裁剪到边框盒/
background-clip: padding-box /背景被裁剪到内边距框/
background-clip: content-box /背景被裁剪到内容框/
background-clip: inherit /是否集成父元素属性/
所以只有给td设置下就可以了:
td { position: relative; border: 1px solid #000; background-clip: border-box;}
阅读全文
0 0
- td相对定位不显示边框,使用background-clip解决
- td无内容不显示边框
- background-clip使用
- 【CSS】background-clip属性解决background问题。
- 解决浏览器Background标签的TD属性不被支持
- background-clip和background-size的使用
- 解决三星手机启始页background不显示
- 解决IE浏览器下:td标签上有position: relative;与background-color属性时td边框消失
- 解决IE浏览器下:td标签上有position: relative;与background-color属性时td边框消失
- css3的background-clip来制作半透明边框
- 浅论background-clip对半透明边框的影响
- background-clip
- html td 自动换行 td显示边框
- html table td 中 使用相对定位(relative)和绝对定位(absolute)的div
- QT Qwebview显示html 的table表格时,如果有td跨行td边框显示不出来的bug
- td在relative模式下,IE9不显示border,chrome正常显示边框
- div background 不显示
- ie6 td中无内容时不显示边框的解决办法
- 解决VS生成sdf和ipch文件太大占用空间问题
- 单通道语音增强之维纳滤波(四)
- JAVA_多线程_单例模式
- 虚拟机(Vmware)怎么进入BIOS
- Unity 多线程
- td相对定位不显示边框,使用background-clip解决
- Java反编译工具Jad详解
- Java InputStream、String、File相互转化
- pickup 类的使用
- Java 使用注解校验身份证号
- jmeter数据库链接池压力测试
- 移植libnoPoll到SylixOS遇到的问题总结
- JavaWeb--浅谈Httpsession和cookie
- Python学习基本数据类型(三)