2 iseuwei ISEUWEI 于 2016.03.28 08:53 提问

网页设计的小问题,,,

就是使用html标签时,我在body里设置一张背景图片,然后浏览器打开发现横向填充了一张半,生生被截断了,请问有哪个属性可以把图片设置成背景,横向只占一张图片,竖向按图片比例自动适应,

6个回答

qq_19558705
qq_19558705   Ds   Rxr 2016.03.28 15:45
已采纳

既然是网页设计,那图片的分辨率肯定是要满足电脑屏幕的要求。用ps设计好图片分辨率然后再用background-size:cover; 使图片自适应电脑屏幕大小
如果图片只是背景颜色,可以用repeat-x 水平平铺。

showbo
showbo   Ds   Rxr 2016.03.28 09:46
 background:url(xxxxx.jpg) no-repeat center top;
hanfeizaopao
hanfeizaopao   2016.03.28 09:09

首先你要知道 图片拉伸会带来什么后果: 图片走形 甚至看不清楚图片是什么。

qq_19891827
qq_19891827   2016.03.28 09:18

css代码:

 background-size:cover;  

会导致图片呗拉伸而变形。

yu799225625
yu799225625   2016.03.28 11:27

css中no-repeat一般用在元素backgroud-repeat的设置中,含义为不平铺;
一般与background-image 一起使用;
此图片做背景时不平铺;

qq_33367675
qq_33367675   2016.03.28 12:02

background:url(xxxxx.jpg) no-repeat center center;

background-size:cover;

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!