main.css样式表中加入的小星星没有显示是怎么回事啊？

Question

@charset "utf-8" /* CSS Document */ /*公用*/ .comWidth{width:1000px;margin-left:auto;margin-right:auto;} .leftArea{float:left;} .rightArea{float:right;} /*topBar*/ .topBar{height:31px;background-color:#F7F7F7;line-height:31px;} .collection{background:url(../image/icon/collection.jpg) left center no-repeat;padding-left:19px;font-weight:bold;} .topBar a:hover{color:red;} /*logo*/ .logoBar{height:85px:background-color:#1D7AD9;} .logo{padding-left:41px;padding-top:13px;}

Answer 1

首先，确定图片的名字、格式是否都是正确的。（.jpg  .png  .jpeg  .JPG  .PNG等）

第二，看看相对路径写的对不对，改成绝对路径之后图片显示出来了，那就一定是相对路径写错了。

第三，如果还没有解决，就在网页端按F12，看看具体报个什么错什么提示，对应解决就好了。

Answer 2

首先,说问题的时候尽量把页面结构也贴出来,否则光看样式文件,就只能猜了!

其次,你说的小星星如果是你加的那张图片!请保证你的.collection有一个宽高度,没有宽高度,盒子没被撑起来,背景不会帮给他一个宽高度!你试试!

如果给了宽高度还有问题,请保证你的图片路径正确,并换一张图片测试一下是不是图片大小或者颜色的问题导致你没看到!

基本就这些,祝你好运,么么哒!

Answer 3

看这个位置  left center 图片没有出来，肯定是图片太大了，没有显示出来，加一个 background-size:cover;试一下