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.a539.com
更多
临沂网站建设豪华团队!www.a539.com
临沂网络公司

炫维网络 www.a539.com
建站咨询电话:18605391786  邮箱:123@A539.com  
地址:山东省临沂市兰山区通达路367号 裕城大厦