2012-02-26 84 views
0

我在CSS/HTML很新的,我想我的页面上使用的图像,但是这个代码不工作:CSS/HTML新手:问题与图像和边界(在CSS)

它应该使用“100%”设置窗口宽度和高度处的图像,但它仅显示图像,对于“myclass”,我尝试添加一些文本,但不显示边框。

我也跟着教程,但我不知道问题出在哪里:

body { 
     background-image:url("landscape.jpeg"); 
     background-size:100%; 
} 

.myclass { position:relative; border:1px solid red; } 


<div id="myclass"> 
    <p></p> 
</div> 

谢谢您的帮助

+5

定义“不起作用”。它做什么*(或*不*做)?你期望它做什么? – 2012-02-26 18:28:19

+0

@大卫托马斯:你好,它应该在窗口的宽度和高度处用我的“100%”设置图像,但它只是显示图像,对于“myclass”,我试图添加一些文本,但不是,但它不显示边框,我在编程方面很新,对不起:)我应该设置另一个位置或类似的东西吗? – 2012-02-26 18:32:16

+0

您为图片提供的路径表明它应该与CSS位于同一个文件夹中。另外,你确定它是'jpeg'(而不是'jpg')吗? – 2012-02-26 18:35:18

回答

2

如果背景图片没有显示,那么原因可能是该网址错误。

选择器.myclass不匹配元素,因为没有类myclass的元素。将id="myclass"更改为class="myclass"

background-size属性具有有限的浏览器支持。

+0

谢谢! mmh好吧,我明白了,我并没有真正理解类和id的事情。好的边界工作,那图像呢?我应该使用别的东西来让我的图像像窗户一样大吗? (ps:我怎样才能改变这个“-1”?) – 2012-02-26 18:35:06

+0

class和id之间的区别是; Id是唯一的(只能使用一次),但类可以多次使用。看看这个更多的信息http://css-tricks.com/the-difference-between-id-and-class/(-1是因为有人不喜欢你的问题,你什么都不能做) – Mattias 2012-02-26 18:39:01

+0

@Mattias:哈哈好吧,你可以给我+1吗? – 2012-02-26 18:42:12