tnjk.net
相关文档
当前位置:首页 >> 用Css怎么让图片的位置不随窗口大小变化而改变其相... >>

用Css怎么让图片的位置不随窗口大小变化而改变其相...

如果这样的话不需定位…直接改成页头背景,和你那个背景图融为一体,这样做的话你就需要重新布局下页面了,但如果你缩小浏览器窗口的时候会看不到…

可能需要js window.onscroll = function () { ff() };//滚动条滚动 window.onresize = function () { ff()};//窗口大小改变 function ff() { $("#id").css("background-image",""); }

如果你使用绝对定位的话, position: fixed; top: 100px; left: 10px; width: 100px; height: 220px; 这样你就可以使一个div或者图片固定在距离浏览左侧10px的地方,不随网页大小等改变位置。

position:fixed; 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

body{ width:1340px; height:610px; background:url(20160301141156ba6a2.jpg) no-repeat center center / 100% 100% ; }

像素图强行放大会模糊。。用CSS强制定义图片的大小就可以了 先要设置父级元素的大小 或者设置BODY背景图片拉伸。只适用于IE style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='scale')"

加一个属性:background-size:100% 100%

div{position:relative;height:100%; width:100%}img{ width: 300px; height: 200px; padding: 20px; position: absolute; top: 50%; left: 50%; margin-left: -170px; /* (width + padding)/2 */ margin-top: -120px; /* (height + padding)/2 ...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com