火狐浏览器下,td 直接使用position:relative;和background:;产生的边框消失问题
2024-10-14 02:23:05
消失示例:
td{
width:40px;
height:28px;
position:relative;
background:#ccc;
} 出现问题
问题原因:
我的理解是各个浏览器之间对于background-clip:border-box;的解析不同,导致定位时背景的切割位置不同
解决方法1.0
在td上加上z-index:-1;
解决方法2.0
利用背景切割来决定背景的边界,从而达到不覆盖边框效果
td{
background-clip:padding-box;
position:relative;
}
background-clip:padding-box; /*背景被裁剪到内边距框*/
最新文章
- git &;github 快速入门
- ffmpeg-20160926[27]-bin.7z
- 关于onethink的迁移站点产生数据库错误
- sql sever跨数据库复制数据的方法【转】
- HDOJ 1690
- BeagleBone Black项目实训手册(大学霸内部资料)
- @SessionAttributes与HttpSession
- js 如何判断数据是数据还是对象
- ios开发中button控件的属性及常见问题
- python中文注释及输出出错
- Android视频播放的两种方式介绍
- docker基础---数据卷volumes
- 详谈js防抖和节流
- How MVC pattern Flows
- EasyUI实现分页、搜索、行按钮功能
- c# List使用中遇到的问题
- angular2新建的项目上传github
- hasura graphql-engine v1.0.0-alpha25 的几个方便功能
- Debian use sudo
- JS的类型和值
热门文章
- Linux下patch的制作和应用
- Windows pip安装失败:no module named pkg_resources
- $_SERVER[";HTTP_HOST";]
- [Training Video - 7] [Database connection] Part 1
- C#使用互斥量(Mutex)实现多进程并发操作时多进程间线程同步操作(进程同步)的简单示例代码及使用方法
- python进行数据清理之pandas中的drop用法
- Map类
- .NET基础 (15)委托
- Android工具类整合
- Sqler-Monitor