消失示例:

 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; /*背景被裁剪到内边距框*/

最新文章

  1. git &github 快速入门
  2. ffmpeg-20160926[27]-bin.7z
  3. 关于onethink的迁移站点产生数据库错误
  4. sql sever跨数据库复制数据的方法【转】
  5. HDOJ 1690
  6. BeagleBone Black项目实训手册(大学霸内部资料)
  7. @SessionAttributes与HttpSession
  8. js 如何判断数据是数据还是对象
  9. ios开发中button控件的属性及常见问题
  10. python中文注释及输出出错
  11. Android视频播放的两种方式介绍
  12. docker基础---数据卷volumes
  13. 详谈js防抖和节流
  14. How MVC pattern Flows
  15. EasyUI实现分页、搜索、行按钮功能
  16. c# List使用中遇到的问题
  17. angular2新建的项目上传github
  18. hasura graphql-engine v1.0.0-alpha25 的几个方便功能
  19. Debian use sudo
  20. JS的类型和值

热门文章

  1. Linux下patch的制作和应用
  2. Windows pip安装失败:no module named pkg_resources
  3. $_SERVER["HTTP_HOST"]
  4. [Training Video - 7] [Database connection] Part 1
  5. C#使用互斥量(Mutex)实现多进程并发操作时多进程间线程同步操作(进程同步)的简单示例代码及使用方法
  6. python进行数据清理之pandas中的drop用法
  7. Map类
  8. .NET基础 (15)委托
  9. Android工具类整合
  10. Sqler-Monitor