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

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

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

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

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

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

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

让一个图片在div任意位置,可以使用绝对定位的方式。如下示例代码: 测试页面.test-box{width:300px;height:260px;margin:0px auto;position:relative;border:1px solid #333;}.test-box img{position:absolute;bottom:10px;left:50%;margin-lef...

如果是个背景图的话, 定义一个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%;}

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

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