为什么我的背景图片显示不出来，我的代码有错吗？_html/css_WEB-ITnose

• 首页


• 资讯前沿


• 课程介绍


• 胡义社区


• 明星学员


• 关于胡义

css代码

@charset "utf-8";
/* CSS Document */
.nav li{ list-style-type:none; front-size:12px;float:left; width:90px;height:35px;text-align:center;background:url(%E8%83%8C%E6%99%AF%E7%81%B0.jpg); background-repeat:no-repeat;}
body { front-size:16px; line-height:20px; front-family:"隶书" ,"宋体"，Arial;}
p{text-align:center;}
.nav.first { background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;}

回复讨论(解决方案)

.nav.first { background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;

.nav 和.first 中间空格少了

.nav.first { background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;

.nav 和.first 中间空格少了

还是不行呢……

.nav .first { background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;}
少个空格肯定有问题, 具体区别LZ可以自己查一下.

如果还是无法显示, 在浏览器的开发者工具里看看, 一般是F12. 用这个工具, 查看你.first这个li的CSS样式, 看看是不是图片路径错了? 尺寸错了? 还是已经载入了但是显示不完整.

LZ先试试

.nav .first { background-image:url(%E8%83%8C%E6%99%AF.jpg);width:70px;front-size:14px;front-width:bold;color:#FFF;}
少个空格肯定有问题, 具体区别LZ可以自己查一下.

如果还是无法显示, 在浏览器的开发者工具里看看, 一般是F12. 用这个工具, 查看你.first这个li的CSS样式, 看看是不是图片路径错了? 尺寸错了? 还是已经载入了但是显示不完整.

LZ先试试

Thank you