为啥在火狐浏览器里面用CSS给层级设置的边框无法显示?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥在火狐浏览器里面用CSS给层级设置的边框无法显示?相关的知识,希望对你有一定的参考价值。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.news width:980px; background:red;

.news .left width:310px; height:224px; border:1px solid #E4E4;
.news .center width:373px; height:224px; border:1px solid #E4E4;
.news .right width:268px; height:224px; border:1px solid #E4E4;
</style>
</head>
<body>
<div class="news">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
</body>

要想调试该问题最简单的办法就是在本该展示边框的位置右击,然后在弹出菜单选择“查看元素”。
之后会弹出developtools界面,找到“样式”标签,其会对应显示作用于该展示域的css样式属性及值。对于未生效的样式会辅以“删除线”,据此即可查明不显示的原因。
参考技术A 不是不显示,颜色 #E4E4 是错误的写法,应该是 #E4E4E4 吧?

望采纳追问

和颜色无关。

追答

我试过了,就是颜色代码错误,#e4e4e4 才是正确
你写的是 #e4e4

火狐浏览器table边框

这是360显示器显示的效果
这是火狐显示的效果
怎么让火狐也显示上面那种效果

以下是原本的代码

<table width="94" height="290" border="1" cellpadding="0" cellspacing="0" bordercolor="ff7383" bgcolor="ff7383"> <tr> <td height="70" bgcolor="ff8a97"> </td> </tr> <tr> <td height="70" bgcolor="ff7988"> </td> </tr> <tr> <td height="70" bgcolor="ff6879"> </td> </tr> <tr> <td height="70" bgcolor="ff576a"> </td> </tr></table>

参考技术A html网页可以参考W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp 参考技术B <table width="94" height="290" style="border:1px #ff7383 solid " cellpadding="0" cellspacing="0" bgcolor="ff7383">
<tr>
<td height="70" bgcolor="ff8a97"> </td>
</tr>
<tr>
<td height="70" bgcolor="ff7988"> </td>
</tr>
<tr>
<td height="70" bgcolor="ff6879"> </td>
</tr>
<tr>
<td height="70" bgcolor="ff576a"> </td>
</tr>
</table>追问

大侠有点不对的哦...我要的那个两个方框之间也有的..你的只有四周

以上是关于为啥在火狐浏览器里面用CSS给层级设置的边框无法显示?的主要内容,如果未能解决你的问题,请参考以下文章

在div+css为啥写滚动条效果在谷歌浏览器有用,而在火狐没用呢

如何设置网页内容能在IE和火狐、谷歌等浏览器中都居中?

为啥我的CSS样式表在火狐游览器里没有起来作用?

css定义的边框虚线在火狐中不显示?

火狐浏览器table边框

怎样用css写出圆形边框