> 웹 프론트엔드 > HTML 튜토리얼 > CSS如何定义背景图片的宽度大小_html/css_WEB-ITnose

CSS如何定义背景图片的宽度大小_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:35:36
원래의
1679명이 탐색했습니다.

<style type="text/css">body { background-image: url("image\grn.gif");background-position: 50% 30%; background-repeat:no-repeat;}</style>
로그인 후 복사



这样写能让图片居中但就是不能改变图片大小啊,谁知道教一下


回复讨论(解决方案)

背景图片没办法改变大小

背景图片没办法改变大小
支持

要想改变背景大小,需要采用支持 CSS3的语法
参见
http://dotnet.aspx.cc/article/ac7f6f17-cc42-4b26-9e00-31d5f4671417/read.aspx

把图片PS下或者,定义你的body宽度来控制图片大小

设置一个div有高度和宽度,让图片做div的背景 拉伸填充即可,不知道对你的问题是否满意呢?

设置一个div有高度和宽度,让图片做div的背景 拉伸填充即可,不知道对你的问题是否满意呢?

如何弄呢,说说看怎么写

background-size:90px 10px加了这个CSS3的也不能改变图片啊
能不能直接把代码如何改给我啊,我不太懂CSS啊

我觉得你想要的效果不是要定义背景图的大小,而是背景图显示的大小,background-position这个属性,可以定义你显示背景图的坐标。定义好坐标就能设置展示背景图的大小了

我觉得你想要的效果不是要定义背景图的大小,而是背景图显示的大小,background-position这个属性,可以定义你显示背景图的坐标。定义好坐标就能设置展示背景图的大小了

background-position也不成,它只定位图片的位置,而不能控制显示图片的宽度和高度

背景图片应该不能改变大小,不过你可以把它放在不同的div里

双层显示
底下一层是一个指定大小的图片
上面一层是内容
不过这样的话 就要使用 绝对定位了





大小自己改。。。。。

我觉得你想要的效果不是要定义背景图的大小,而是背景图显示的大小,background-position这个属性,可以定义你显示背景图的坐标。定义好坐标就能设置展示背景图的大小了

自己把图片ps一下嘛

把图片的大小用作图工具改一下啊

最省事的方法还是把图PS一下

背景图片应该不能改变大小,不过你可以把它放在不同的div里

对, 两层就能实现

学习中~~~~~

你要用 Firefox3测试,IE不支持

双层显示加绝对定位:测试成功,所有浏览器都支持

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿