
正文
css背景图拉伸了怎么处理,css背景图片缩放
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
CSS把背景图片不重复拉伸???
1、比如一个容器(body,p,span)中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制背景图片的显示的。
2、您好!css设置背景图片全屏,如果只是将其当做一张图片显示,可以通过css控制。超大图片,引入进来即可根据大小缩放。
3、background:url(../../config/img/Title.png) repeat-y;竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话,竖着切一张几个像素宽的背景图(比如说宽2px,高990px这样的一张图),然后设置repeat-x,横向平铺。
相关问答
Q1: 在css的div中设置背景图片后背景图片下移如何解决
background-position: 0px 10px; //水平方向(以左上角为原点,x方向)移动 0像素,垂直方向(y轴方向)即向下以动 10 像素 注意:0px 不能省略,否则默认为x方向移动的距离。也可以设置为百分比值。
使用CSS的background-size属性来调整背景图的大小,以适应元素的高度。可以使用值为cover或contain来保持背景图的宽高比例,同时填充或适应元素的大小。
将要下移的DIV定义一个CSS样式,这里我以class=222为例。如下图黄色背景的DIV要下移一定量。选择style中的222样式名,再点击CSS选项卡下的编辑按钮,如下图向右的指向箭头所示。
后面两组数字,-100px 代表从左往右的方向移动到100像素的地方开始显示图片 -1055px 代表从上往下的方向移动到1055像素的地方开始显示图片。 可以为负值,也可以为正值。两组数值 先左右,后上下。
Q2: 为什么css中设置了margin-top属性后,运行时背景图片会下移,如何更改...
IE6里面的边距是双倍的,所以你做的时候只要在加距离的地方复制下加条 _ 下斜杠然后距离减半就可以了。
background-position: 0px 10px; //水平方向(以左上角为原点,x方向)移动 0像素,垂直方向(y轴方向)即向下以动 10 像素 注意:0px 不能省略,否则默认为x方向移动的距离。也可以设置为百分比值。
如下图黄色背景的DIV要下移一定量。选择style中的222样式名,再点击CSS选项卡下的编辑按钮,如下图向右的指向箭头所示。
.head{ height :136px; background :url(images/templatemo_header_bg.jpg) no-repeat left top; } 只要去掉0就行。
设置logon的padding: 1px 因为logon和log_bk垂直方向的margin合并了,如果设置了logon的padding为1px就可以避免margin合并。
css背景图拉伸了怎么处理的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于css背景图片缩放、css背景图拉伸了怎么处理的信息别忘了在本站进行查找喔。







