當前位置:首頁 » 背景圖片 » css布局背景圖片
擴展閱讀
俄羅斯肥胖的女人圖片 2024-11-02 12:14:58
玩手機圖片搞笑漫畫 2024-11-02 11:42:49

css布局背景圖片

發布時間: 2022-03-14 06:32:58

① css,布局背景圖片問題,求大神

background:url(images/a.gif) no-repeat x y; x,y用值代替(比如10px 10px);
x的值:是距離圖片左邊的距離;
y的值:是距離圖片右邊的距離。
祝樓主工作順利!

② div+css中布局圖片作為背景問題

如果用repeat屬性的話,圖片會重復,所以你還是強制把圖片的寬和高設置成合DIV一樣的值,但是那樣圖片會失真,這也不是什麼好方法。你還是把圖片事先做成你想要的大小比較好一點兒。

③ CSS布局:背景圖片設置不平鋪,結果平鋪了;什麼情況只有在火狐下正常,其他瀏覽器平鋪。 字幕D家居這個

沒看見你的css代碼,我只能猜測一下,你說背景圖片設置了不平鋪,會不會有誤區,比如你沒有設置背景圖片是不是平鋪,就以為是設置了不平鋪,因為你不設置是否平鋪,默認是橫向縱向平鋪。你一定要寫background-repeat: no-repeat;才是設置了不平鋪。
還有,比如你這樣寫了background:url(圖片名稱) repeat 0 0;也是橫向縱向都平鋪的意思,要想不平鋪,應該這樣寫background:url(圖片名稱) no-repeat 0 0;

還有一個可能,或許你有兩個div設置了一個類,然後你設置了那個類背景不平鋪,但是css效果體現在了兩個兩個div上,看上去像平鋪了

④ div+css如何控制背景圖片全顯示出來

可以使用:Background-size屬性

語法:background-size:

[<length>|<percentage>| auto ]{1,2} | cover | contain

取值:<length>:

由浮點數字和單位標識符組成的長度值。不可為負值。

<percentage>:

取值為0%到100%之間的值。不可為負值。

(4)css布局背景圖片擴展閱讀:

DIV+CSS的合理之處在於可以進行網頁的統一設計管理,通過一個樣式表,牽一發而動全身,只要修改樣式表,就可以統一全站的風格,如果為一個頁面單獨做一個樣式表,或者一個div就做一個樣式表,沒有全局設計觀念,那麼這個div+CSS的設計方式就完全沒有必要,甚至成了累贅。

精簡的代碼,使用DIV+CSS布局,頁面代碼精簡,這一點相信對XHTML有所了解的都知道。代碼精簡提高了網路蜘蛛的爬行效率以及高效性,能在最短的時間內爬完整個頁面,同時這樣對收錄質量有一定好處。

div+css結構清晰,很容易被搜索引擎搜索到,天生就是適合優化seo,降低網頁大小,讓網頁體積變得更小。注意:div+css結構清晰、精簡,不意味著可以全部用div+css結構,比如通篇HTML標簽全DIV的,貌似除了<head>之上及<body>之上及之外。

其它全是<div>,就如同整個HTML是一萬個毫不相乾的內容拼裝起來,或者通篇是<div><ul><li>結構的,就如同這個頁面所有元素全是列表。事實上這兩種情況還相當普遍,因為曲解了「DIV+CSS」的真實含義,因為一個完整頁面幾乎不可能僅僅DIV+CSS就能完成。

⑤ div+css布局 設置的背景圖片顯示不出來

這是因為在i 、li 、a這些標簽中添加背景時都需要給一個寬高,或者display:block。讓他成為塊元素。否則他沒有寬高。只有一條線或者一個點那麼大怎麼顯示背景啊

⑥ html背景圖片布局

最好可以想辦法用JS算好你要鋪背景的裝載款的高寬,然後類似以下的css
div
{
background:url(/i/bg_flower.gif);
background-size: 100% 100%;
-moz-background-size:35% 100%; /* 老版本的 Firefox */
background-repeat:no-repeat;
}

關鍵是:background-size: 100% 100%;這句。IE下大部分會不支持的background-size的

⑦ div+css布局背景在一張大圖上

你說的是很多的小圖(ico)放在一個大圖上,然後通過定位來取這些小圖(ico)嗎?
這是國外比較流行的技術,名叫"css sprites",這樣把很多小圖放在大圖里可以節省下載時間,減少圖片大小(全放在一個大圖上,比分散成N個小圖大小總和要小很多).

下面是一些css sprites的技術介紹,你可以看看.
http://www.blueidea.com/tech/web/2007/4967.asp
http://www.chinaz.com/Webbiz/Exp/0525M2122009.html
http://www.webjx.com/css/divcss-11994.html

⑧ 簡單的網頁作業,一頁就行,用css+div布局,有背景圖片的那種最好

網上另存一個也行

⑨ div+css布局時對一張背景圖片上多個小圖片定位實現的方法

圖片單獨定位:如下
<body style="background:url(../images/bg.png) 0 0 no-repeat; width:1000px; height:500px;">
<div style="background:url(../images/pic.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; top:200px; left:500px;"></div>
</body>
背景圖片bg.png寬度為1000px;高度為500px,上面浮動一個小圖片pic.png,位置是距上200px,距左500px;

你可以用table布局的方式定點陣圖片

⑩ css背景圖片

是的,錯了!
background要著明擴展名,也就是什麼類型的圖片,例如:background.jpg,在同一目錄下前面的"/"也不用