2016-02-23 120 views
0

有人可以告诉我为什么这不起作用吗? 我已经尝试了背景图像和背景。还尝试了不同的高度和宽度属性。背景图片CSS不起作用

<html> 
<head> 

    <link href="css/style.css" rel="stylesheet" type="text/css"  media="all" /> 
    </head> 
    <body> 
     <div class="wtd-intro-left"><span></span></div> 
    </body> 
    </html> 

这里是CSS

.wtd-intro-left { 
    background: url("http://etc.usf.edu/presentations/extras/letters/fridge_magnets/red/11/a-300.png") no-repeat; 
    width:430px; 
    height:366px; 
    display: block; 
    } 

回答

0

编辑:当我复制粘贴+,破折号得到了一起捣烂。我所做的就是解决这个问题。看看这是否是错误。此外,由于您没有在样式表的其余部分包含CSS,因此您可能会在父级div或元素本身上出现冲突的样式,而不会显示在您的问题中。 https://jsfiddle.net/829fk6gm/

.wtd-intro-left { 
    background: url("http://etc.usf.edu/presentations/extras/letters/fridge_magnets/red/11/a-300.png") no-repeat; 
    width:430px; 
    height:366px; 
    display: block; 
    } 
+0

哪个选择器? – John

+0

.wtd-intro-left,我编辑了我的帖子@John所有在小提琴上的作品,所以如果问题仍然存在,请发布完整的CSS。 – Sanova

+0

已添加完整代码 – John

0

在这里工作。证明该.css文件被称为“CSS”的文件夹里面 - 因为是将HTML搜索加载...

href="css/style.css" 
+0

其余的我的css作品perfecty – John

+0

是您的浏览器与“显示图像”设置打开? – statosdotcom

+0

已添加完整代码 – John

0

工作也没事在这里 - 看到第二个答案,以确保你在CSS正确的文件夹 - 谢谢 - 迈克尔

为什么在该行的CSS“跨度”?

+0

Haha其他代码有效,感谢您的输入.. – John