background-image背景图片怎么用css缩小

发布网友

我来回答

共6个回答

热心网友

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeat; background-size: 300px}。

3、浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。

热心网友

css3里支持背景图缩放，用background-size 属性，但是这个属性目前只有firfox chrome safari opera ie9+浏览器支持
如果想更全面的支持，可以不要做背景 用<img /> 限定width、height，指定position:absolute;和left、top位置，z-index设为-1

热心网友

图片的缩放功能你可以用zoom来试试，后面更一个属性值，可以为百分数，也可以为浮点实数。希望对你有帮助，请采纳。

可以直接这样子：zoom：0.75是缩放75%

热心网友

如果在层里 这样使用：<div style="background-image:url(xx.jpt); width:500px; height:500px; ">
若不是就用<img width=""/>吧

热心网友

background:#fff url("/img/xx.png") no-repeat;
background:颜色 图片路径 拉伸

热心网友

背景图片是不能缩放的，要缩放的话只能用<img标签