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

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

题主,你的意思是不是自适应布局也就是响应式? 方法如下: 在head部分加入一条meta标签: 这条来使你的页面以视窗大小来布置,同时也是基本配置。 2.所有需要规定宽和长的元素把原来的px像素单位换成自适应的rem,em 或者百分比(推荐前俩个使...

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

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

#Layer1 { position:absolute; top:30%; left:30%; margin:-100px 0 0 -100px; zoom:0.5; /* 要设置这个div的宽度 */ width: 50%;} 你想用js改变大小? 具体怎么改,和窗口大小一样就可以?

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

这个只能设置图片的宽度和高度与你的层一致了。。。。另外我记得用css设置背景图片然后不平铺是不会溢出的啊??? 你可以试试!

设置对应图片的width和htight的具体数值就可以了。 具体的操作步骤: 1、新建一个html页面,并在页面中写上一个div。并为div添加背景图片,为背景图片添加一些基本的样式。 2、按下键盘上的F12,查看其在浏览器中的效果。效果肯定是页面中没有相...

如果是个背景图的话, 定义一个div,高100%,宽100%,里面放个img html,body{overflow: hidden;} .bg{width: 100%;height: 100%;top:0;z-index: -1; position: absolute;} .bg img{display: block;outline: none;border:0;height: 100%;width: 100%;}

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

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