Tag: 背景图像

在背景图像中褪色: 我有一个网页使用大图像的背景。我一直希望使用jQuery来下载图片（基本上是bing.com加载其背景图片的方式）。这可能与jQuery？如果是这样，有一个插件，你会推荐？

CSS显示resize和裁剪的图像: 即使具有不同的大小比例，我也想从具有一定宽度和高度的URL显示图像。所以我想resize（保持比例），然后将图像裁剪成我想要的大小。我可以resize的HTML img属性，我可以削减与background-image 。我怎样才能做到这一点？例：这个图片：大小为800×600像素，我想显示像200×100像素的图像与img我可以调整图像200x150px ： <img style="width: 200px; height: 150px;" src="http://img1.jurko.net/wall/paper/donald_duck_4.jpg"> 这给了我这个： <img style="width: 200px; height: 150px;" src="http://img1.jurko.net/wall/paper/donald_duck_4.jpg"> 与background-image我可以剪切图像200×100像素。 <div style="background-image: url('http://img1.jurko.net/wall/paper/donald_duck_4.jpg'); width:200px; height:100px; background-position:center;"> </div> 给我： <div style="background-image:url('http://img1.jurko.net/wall/paper/donald_duck_4.jpg'); width:200px; height:100px; background-position:center;"> </div> 我怎样才能做到这一点？调整图像大小，然后将其裁剪成我想要的大小？

什么时候使用IMG与CSS背景图像？: 在什么情况下使用HTML IMG标签来显示图像，而不是CSS background-image ，反之亦然？因素可能包括可访问性，浏览器支持，dynamic内容或任何types的技术限制或可用性原则。

如何在同一个元素上组合背景图像和CSS3渐变？: 我如何使用CSS3渐变为我的background-color ，然后应用background-image应用某种光透明纹理？

响应的CSS背景图像: 我有一个网站（g-floors.eu），我想做的背景（在CSS中，我已经定义了内容的bg图像）也响应。不幸的是，我真的不知道如何做到这一点，除了我能想到的一件事情，但这是一个很好的解决办法。创build多个图像，然后使用CSS的屏幕大小来改变图像，但我想知道是否有一个更实际的方法来实现这一目标。基本上我想实现的是图像（与水印'G'）自动resize，而不显示较less的图像。如果有可能的话链接： g-floors.eu 我到目前为止的代码（内容部分） #content { background-image: url('..http://img.dovov.combg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }