❶ 如何使網頁的背景圖片不隨著滾動條移動 使背景圖片固定(要代碼)
background-attachment
屬性設置背來景圖像是自否固定或者隨著頁面的其餘部分滾動。
scroll
默認值。背景圖像會隨著頁面其餘部分的滾動而移動。
fixed
當頁面的其餘部分滾動時,背景圖像不會移動。
inherit
規定應該從父元素繼承
background-attachment
屬性的設置。
所以如果要背景圖不隨滾動條滾動就要用:background-attachment:fixed
❷ 網頁設計固定背景圖的代碼
在<head>里的stytle里的body{}樣式表裡加入 background-attachment:fixed; 這個就行了 比如說專:屬 <style type="text/css"> <!-- body { background-image: url(1280imago001.jpg); background-repeat:no-repeat;background-attachment:fixed; } --> </style> 你試下
❸ [HTML]求背景圖片代碼(單個,固定,右下角)
分類: 電腦/網路
問題描述:
只顯示單個背景圖片的HTML代碼
背景圖片固定在右下角
先謝謝了T T
解析:
氣人!
打悄旦掘了一長段,提交回答之後,竟然是——
很抱歉,您要訪問的頁面不存在。
請檢查您輸入的網址是否正確。
如果您不能確認您輸入的網址,請瀏覽網路更多頁面,來查看您所要訪問的網址。
直接輸入要訪問的內容進行搜索:
只好重來一遍了。
網路真氣人,我不打算詳細說了。
難打字!
先把我源文件抄回去,再做少量修改吧。
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN"
"w3/TR/4/loose.dtd">
<>
<head>
<meta -equiv="Content-Type" content="text/; charset=gb2312">
<title>無標題文檔</title>
<style type=text/css>
<!--
body {
background-image: url(beijing.gif);
background-attachment:fixed;
background-position:bottom;
background-repeat:no-repeat
}
-->
</style></head>
<body>
</body>
</>
其中「background-image: url(beijing.gif);」的括弧中是背遲枝景圖片。
「background-attachment:fixed;」功能:固定背啟核景圖片,無論怎麼拉滾動條,背景圖片不動。
「background-position:bottom;」功能:背景圖片的位置在底部。
「background-repeat:no-repeat」功能:只顯示一張背景圖片。
但是這樣沒有達到你說的固定在右下角的目的。
你再自己修改一下背景圖片就OK了:
在背景圖片左邊填充一塊與網頁背景顏色一樣的色塊就行了。
你要的這效果確實不錯!