大佬教程收集整理的这篇文章主要介绍了HTML – 响应式网页设计:“如何根据浏览器窗口大小使用CSS调整背景图像的大小”?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div></div>
CSS
div{ BACkground: url("http://canadiAnneighborpharmacy.net/images/cnp/discount_20.png") no-repeat scroll 0 0 transparent; position:absolute; width:45px; height: 45px; }
我的实时代码在这里: – http://jsfiddle.net/jamna/DdxbQ/19/在这里我有一个主要的“产品图像”,现在根据浏览器窗口大小调整大小(在我的小提琴我没有编写调整产品图像的代码,我只显示我想要的图像现在调整大小)但我有另一个“存钱币标签”图像,在“跨度”的背景下,我想与产品图像同时重新调整大小.
喜欢 :
body{ BACkground-size:cover; -moz-BACkground-size:cover; -webkit-BACkground-size:cover; }
有其他属性,如包含& 100%100%
检查此链接http://css-tricks.com/3458-perfect-full-page-background-image/
对于IE,您可以使用过滤器
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBACkground.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBACkground.jpg',sizingMethod='scale')";
编辑:
你现场代码是正确的,但你有你定义宽度&像这样的高度百分比
http://jsfiddle.net/sandeep/ayUKz/3/
&安培;你也可以像这样使用img标签http://jsfiddle.net/sandeep/RMGnM/
img{ position:absolute; width:100%; height: 100%}
编辑:
可能是你想要的http://jsfiddle.net/sandeep/DdxbQ/20/
检查此链接也是http://www.alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html
以上是大佬教程为你收集整理的HTML – 响应式网页设计:“如何根据浏览器窗口大小使用CSS调整背景图像的大小”?全部内容,希望文章能够帮你解决HTML – 响应式网页设计:“如何根据浏览器窗口大小使用CSS调整背景图像的大小”?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。