7 × 24小時服務熱線:18605391786  4000-999-221  關于我們  聯系我們   付款方式  網站地圖   加為收藏       
您當前的位置:首頁 >  新聞中心 > 網頁技巧 > 網頁背景圖片固定不動,拖動圖片靜止不動的代碼

網頁背景圖片固定不動,拖動圖片靜止不動的代碼 

信息來自:炫維網絡    發布日期:2014-6-17   瀏覽次數:  

背景圖片是網頁中經常用到的,今天有個客戶要求網頁背景圖片是固定不動,說動鼠標的時候只是網頁內容動,兩側顯露出來的背景圖片部分是固定不動的,在百度中找了好久,都沒有很好的代碼,根據我們的總結,可以利用以下代碼實現網頁中背景圖片固定的問題。

這個代碼分為兩部分,第一部分是css的樣式一定要加以下代碼,bg.jpg是您背景圖片的位置信息。
<style type="text/css">
<!--
BODY{
background-image:url("bg.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center ;}
.STYLE11 {font-size: 14px; color: #2165B0; font-weight: bold; }
-->
</style>


第二部分

是 在頁面代碼的正文部分 頭部的<body>標簽,一定要修改為<body style="background-image:url(../bg.jpg)">



這樣保存之后就 可以看到你想要的背景圖片固定不動的效果了!

參考網址效果 http://www.qsdf.com.cn/index.asp

 

 

做服務最好的網絡公司:臨沂網絡公司http://www.kavmzq.shop
更多
臨沂網站建設豪華團隊!www.kavmzq.shop
臨沂網絡公司

炫維網絡 www.kavmzq.shop
建站咨詢電話:18605391786  郵箱:[email protected]  
地址:山東省臨沂市蘭山區通達路367號 裕城大廈   
  
足球比分007球探比分即时足球比分 e球彩 杭州麻将爆头什么意思 北京快中彩 finnciti游戏理财平台 前av女优苍井空内地夜店捞金 3d今天试机号 竞彩篮球比分直播500 北单比分过滤技巧 山西快乐10分 pk10全天计划 友乐广西麻将有规律吗 ncaa比分直播 11选五5走势图河北 卡五星麻将群一块 爽到抽筋的av 安徽快三