火狐浏览器下,表头边框无效

最近做项目,发现在火狐浏览器下表头边框无效

可能的原因是给th设置了背景颜色

找了半天,原来是给th设置了背景颜色,然后边框被覆盖了,没有显示出来

去掉这行代码就可以显示了
.layui-table-header thead th {
    background-color: #fff;
}

原文地址:https://www.cnblogs.com/ybixian/p/9473452.html

时间: 2024-11-05 18:27:31

火狐浏览器下,表头边框无效的相关文章

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

火狐浏览器下连接a下无法使用select下拉菜单

火狐浏览器下连接a下无法使用select下拉菜单:如果select下拉菜单包裹在链接a中,则无法实现选中效果,当然如此使用在实际应用中也是很少见的,不过下面还是做一下简单介绍,如何避免此种问题的出现,寄希望能够给需要者带来一定的帮助.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&

火狐浏览器下new Date返回NaN的问题处理,以及日期yyyy-MM-dd格式化功能

// 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 // (new Date()).Format("

解决文件上传插件Uploadify在火狐浏览器下,Session丢失的问题

因为在火狐浏览器下Flash发送的请求不会带有cookie,所以导致后台的session失效. 解决的方法就是手动传递SessionID到后台. $("#fileresultfiles").uploadify({ swf: '/Scripts/uploadify/uploadify.swf', uploader: '/UploadFiles.ashx', queueID: 'fileQueue', buttonText: '附件上传', auto: true, debug: false

火狐浏览器和ie浏览器下table边框的显示设置问题

因为项目需要结合bootstrap使用table布局页面,在设置边框的时候在火狐和ie浏览器遇到显示不全的问题, 谷歌下显示正常为左面图片展示  火狐和ie边框显示不全 如右面图片展示.(内容区域填写为例子)                              table { border-spacing: 0; border-collapse: collapse; } 表格边框的设置如上所示. 当时想着是因为使用了border-collapse: collapse;而使表格在火狐和ie上

JS 在火狐浏览器下关闭弹窗

1.首先,要确定火狐设置是否允许通过JS代码window.close()方法关闭标签. 确定方式如下:      在Firefox地址栏里输入 about:config    在配置列表中找到dom.allow_scripts_to_close_windows    点右键的选切换把上面的false修改为true即可. 注:默认是false,是为了防止脚本乱关窗口 2.调用JS方法 window.close()方法 即可关闭窗口. 另外,有一点需要注意: 如果是从别的窗口通过链接,或打开新窗口打

网页制作常见的问题(怎样兼容IE6/IE7/火狐浏览器)

1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: <style type="text/css"> body {margin:0} div { float:left; margin-left:10px; width:300px; height:300px; border:1px solid red; } </style> 因为加上浮动后就会多出一倍的边距,浮动

网页制作常见的面试题(怎样兼容IE6/IE7/火狐浏览器)

1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG例如:<style type="text/css">body {margin:0}div { float:left; margin-left:10px; width:300px; height:300px; border:1px solid red; }</style>因为加上浮动后就会多出一倍的边距,浮动后本来外边距

Web自动化测试环境搭建1(基于firefox火狐浏览器)

自动化测试是时代趋势,因此很多测试人员开始研究自动化测试,web自动化测试化测试并不难,但是很多人都是被挡在了环境搭建这一步,后面学习激情全无,这里,韬哥手把手教大家搭建火狐浏览器下的自动化测试环境(基于java). 为什么搭建自动化测试环境难呢,因为环境要求高,selenium版本,驱动文件版本,浏览器版本这中间有适配问题,如果没注意这些版本信息,就可能导致web自动化程序就跑不起来. 下面将为大家演示selenium 3.x下的火狐自动化自动化环境搭建: 1.准备selenium 3.5.1