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

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

position:relative|absolute|static|fixed (相对|绝对|默认|相对窗口) 你需要的就是position:fixed了 他是相对浏览器而言的 比如 #div1 {position:fixed; top:0; left:0; width:100px; height:100px;} 那么DIV1就固定在浏览器的左上角了 不论你...

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

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

图片宽度和高度都设定为100%

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

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

最简单的方法就是设置图片的style, 不要设置成准确的px值,设置成百分比。 但这样做的前提是你的图片所在的容器,如div,table等的大小也要用百分比设置。

分析如下: 1、页面大的时候它也变大但是大到它本身的尺寸的时候,再扩大页面它就不大了!设置最大宽高为图片的宽高~!代码如下: 2、例子: 插入图片的信息设置: 扩展资料 CSS工作原理 CSS是一种定义样式结构如字体、颜色、位置等的语言,被用...

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

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

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