无法设置
的背景颜色

Tanyz 2017-11-03 12:00:22

我网站导航栏，有个入口，原本背景颜色是下面这样的（橘红）：

现在的效果图（只有字体高度的背景颜色）：

我猜想是不是因为浏览器升级以后，不再兼容导致？
帮我看看css文件请指出如何修改

...全文

753 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端-珊珊 2017-11-18

打赏
举报

display:inline是内联吧？内联高度赋值是没有效的吧？换成float吧

apple8160 2017-11-06

打赏
举报

css测试没有问题你查查是不是跟别的css有冲突

qq_29106881 2017-11-04

打赏
举报

你F12看看，样式写的没问题，但是没生效

Tanyz 2017-11-03

打赏
举报

引用 1 楼 apple8160 的回复:

把导航栏的 css 贴出来

帮我看看，我看不出问题

Tanyz 2017-11-03

打赏
举报

引用 2 楼 ShuaiWenZhang 的回复:

你，有毒，这么简单的问题也要问，你F12看一下样式，你的li的样式是什么样的，然后看你自己的需求，依我看，你应该设置li在外一层标签的背景色，而不是li的

ul#nav{ width:100%;height:45px;background:#FFB04B;margin:4px }
ul#nav li{display:inline;height:45px}
ul#nav li a{display:inline-block; padding:0 12px; height:45px; line-height:45px; color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px}
ul#nav li a:hover{background:#EC5D14}
ul#nav H1{display:inline;height:45px}
.active {background:#EC5D14;}

Tanyz 2017-11-03

打赏
举报

引用 2 楼 ShuaiWenZhang 的回复:

你，有毒，这么简单的问题也要问，你F12看一下样式，你的li的样式是什么样的，然后看你自己的需求，依我看，你应该设置li在外一层标签的背景色，而不是li的


ul#nav{ width:100%;height:45px;background:#FFB04B;margin:4px }
ul#nav li{display:inline;height:45px}
ul#nav li a{display:inline-block; padding:0 12px; height:45px; line-height:45px; color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px}
ul#nav li a:hover{background:#EC5D14}
ul#nav H1{display:inline;height:45px}
.active {background:#EC5D14;}