相关疑难解决方法(0)

响应式网页设计:"如何使用CSS根据浏览器窗口大小调整背景图像的大小"?

我正在创建一个网站,我的所有产品图片将根据浏览器窗口大小重新调整大小,所以我写了一些媒体查询,我使用一个大图像,并在不同的窗口大小重新调整大小但我有一个图像,我用于背景,我怎么能重新调整大小呢?我想在IE7和8中的所有浏览器中支持它.

HTML

<div></div>
Run Code Online (Sandbox Code Playgroud)

CSS

div{ 
background: url("http://canadianneighborpharmacy.net/images/cnp/discount_20.png") 
no-repeat scroll 0 0 transparent;
position:absolute;
width:45px; 
height: 45px; }
Run Code Online (Sandbox Code Playgroud)

我的实时代码在这里: - http://jsfiddle.net/jamna/DdxbQ/19/这里我有一个主要的"产品图片",现在根据浏览器窗口大小调整大小(在我的小提琴我没有写代码为调整产品图像的大小,我只显示我想要调整大小的图像)但是我有另一个"存钱币标签"图像,它是在"跨度"的背景中我想与产品图像同时重新调整尺寸.

html css background-image browser-width responsive-design

8
推荐指数
1
解决办法
3万
查看次数