td设置position: relative后边框消失

本文由清尘发表于2018-08-30 17:26属于HTML/CSS分类

td元素在设置position: relative后,再给td设置背景颜色,火狐浏览器,ie浏览器下border会消失,谷哥浏览器正常

解决方法: 设置 background-clip

td{    
    background-clip: padding-box;
    position:relative;
}

规定背景的绘制区域:

background-clip: border-box   /*背景被裁剪到边框盒*/
background-clip: padding-box  /*背景被裁剪到内边距框*/
background-clip: content-box  /*背景被裁剪到内容框*/
background-clip: inherit     /*是否集成父元素属性*/