1. 關於CSS中 div背景圖片
有另一種方法 倒是可以實現~
<div><img src="" /></div>
這樣圖片的大小就是 div的大小了
但是與背景圖片相比 在這張圖片上面顯示內容會有點麻煩
可以通過 層的方法 和定位的方法 來滿足要求
效果看起來與背景圖片是一樣的~
2. 怎麼給div設置背景圖片
backgroud-image:url(),這樣就可以了
3. div+css如何把圖片設為背景
關於的div+css是前端基礎的問題,只要看看css手冊就能明白。下面是我根據問題簡單寫了個例子,不清楚的可以繼續交流。
css語法基礎:
實例效果圖代碼查看器中h1標簽元素使用css的background背景圖片,no-repeat為不平鋪。
有不清楚的繼續交流吧!
4. 如何設置div的背景圖片,設置背景圖片時還用配合css嗎
css寫法 : background:url(../images/menubg2.gif) 這個是設置背景圖片的 記著加上寬高啊!吧裡面的圖片路徑修改成你自己的就行!
5. html頁面中,div設置了背景圖片
這是圖片還沒有載入完,可以把圖片用ps打開存為jpg的時候把質量降低一點 質量值設置在60左右就沒問題了
6. div可以同時設置背景圖片和背景顏色嗎
可以同時設置,背景圖片處於顏色之上
寫背景直接用簡寫就行了 background:url(images/圖片) 0 0 no-repeat #000;
7. 怎麼設置div背景圖片的大小
background-size讓你既可以直接縮放背景圖來填充滿這個區域,也可以讓你先給背景圖設置大小,然後以設置好的尺寸去平鋪滿這個區域
8. 怎樣用css給一個空div添加背景圖片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>liuxing test</title>
<style type="text/css">
.divbgpic{
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
width:500px;
height:500px;
}
</style>
<script type="text/javascript"
src="jquery/jquery1.7.1/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="divbgpic"></div>
</body>
</html>
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');這樣子
9. 為div設置背景圖片後,為什麼不顯示背景圖片
沒聽說過div還要設置display:block,div中不需要display:block.
原因:
1、編碼錯誤,即代碼編寫沒有按照規范,屬性名寫錯。
2、圖片路徑不對。
3、使用background來實現背景圖片,可能因為圖片太大或者太小,顯示出來的圖片只有一部分,二者一部分剛好是透明的,造成沒有圖片的效果,因此必須設置background-size來控制圖片的顯示。
4、背景圖片調用方式不對,不能使用本地路徑。
將hanshan.png和當前頁面放在一個目錄,則直接寫成這樣:
#cuyu {
background-image: url(hanshan.png);
height:500px;
width: 1000px;
}
或者將hanshan.png放在images目錄,保證當前頁面和images在同一級目錄,則樣式為:
#cuyu {
background-image: url(images/hanshan.png);
height:500px;
width: 1000px;
}
(9)設置div背景圖片擴展閱讀:
DIV格式使用方法的注意事項:
<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是 <div> 固有的特定的格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。
不必為每一個 <div> 都加上類或 id,雖然這樣做也有一定的好處。
可以對同一個 <div> 元素同時應用 class 和 id 屬性,但是更常見的情況是只應用其中一種。
這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的特定的元素。
參考資料來源:網路-DIV
10. 設置div背景圖片(急急急
這樣設置div背景圖片的寫法是錯誤的,正確的寫法應該是這樣
css內嵌式寫法:div{ background:url('圖片的路徑')}
css行內樣式寫法:style=「background:url('圖片的路徑')」
下面舉例說明
步驟1:新建一個html頁面,修改裡面的代碼,添加1個div標簽,id為div1,同時准備2張圖片作為背景圖分別叫「01.jpg」和「02.jpg」,此時div1未設置背景圖,在瀏覽器中顯示為