CSS/HTML新手：問題與圖像和邊界（在CSS）

我在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>

謝謝您的幫助

來源

2012-02-26 Miles_Crew

定義「不起作用」。它做什麼*（或*不*做）？你期望它做什麼？ – 2012-02-26 18:28:19

@大衛托馬斯：你好，它應該在窗口的寬度和高度處用我的「100％」設置圖像，但它只是顯示圖像，對於「myclass」，我試圖添加一些文本，但不是，但它不顯示邊框，我在編程方面很新，對不起:)我應該設置另一個位置或類似的東西嗎？ – 2012-02-26 18:32:16

您爲圖片提供的路徑表明它應該與CSS位於同一個文件夾中。另外，你確定它是'jpeg'（而不是'jpg'）嗎？ – 2012-02-26 18:35:18

如果背景圖片沒有顯示，那麼原因可能是該網址錯誤。

選擇器.myclass不匹配元素，因爲沒有類myclass的元素。將id="myclass"更改爲class="myclass"。

該background-size屬性具有有限的瀏覽器支持。

來源

2012-02-26 18:32:28

謝謝！ mmh好吧，我明白了，我並沒有真正理解類和id的事情。好的邊界工作，那圖像呢？我應該使用別的東西來讓我的圖像像窗戶一樣大嗎？（ps：我怎樣才能改變這個「-1」？） – 2012-02-26 18:35:06

class和id之間的區別是; Id是唯一的（只能使用一次），但類可以多次使用。看看這個更多的信息http://css-tricks.com/the-difference-between-id-and-class/（-1是因爲有人不喜歡你的問題，你什麼都不能做） – Mattias 2012-02-26 18:39:01

@Mattias：哈哈好吧，你可以給我+1嗎？ – 2012-02-26 18:42:12

CSS/HTML新手：問題與圖像和邊界（在CSS）

回答

相關問題