Question

所以，我得到了这个div：

<div id="pictures" style="
position: absolute;
bottom: 0px; left: 0;
width: 100%;
background-image: url(inhalt/lan7071.jpg);
background-position: bottom;
 background-size: contain;
background-repeat: no-repeat;
z-index: 1;
height: -moz-calc(100% - 170px);
height: -webkit-calc(100% - 170px);
height: -o-calc(100% - 170px);"
></div>

点击同一个.htm上其他地方的表格中的文字我想更改此div的背景网址：

  <table>
    <tr>
      <td ><a onclick="document.getElementById('pictures').style.background='url(content/image2.jpg)'">Image 2<a></td>
      <td ><a onclick="document.getElementById('pictures').style.background='url(content/image3.jpg)'">Image3<a></td>

    </tr>
  </table>

点击“图片2”后，背景确实改变了，但也在整个div上重复，我想“背景大小：包含;背景重复：不重复”;被忽略了。

是否有任何小巧，简单的jQuery方式让simpyl在点击另一个div后更改另一个div的后台URL？我还希望新的背景能够保留早期的规格，如无重复，尺寸含量等......

我喜欢能够在每个链接之前或之后添加一个简短的js代码并在网站上的其他地方添加js-function的想法。

jsfiddle在这里：http://jsfiddle.net/R7gEH/

非常感谢＆amp;圣诞快乐！

Answer 1

更改背景属性时，会覆盖与背景相关的所有内容。只需设置背景图像。对于javascript，它将是backgroundImage。

使用jquery

$("#pictures").css("background-image", "new url");

Answer 2

像这样使用：

---- ----------- CSS

.background-change{
    //set new property of image with !important 
}

------ jQuery -------

$('a').click(function(){
    $(this).addClass('background-change') ;
});

这将添加新的属性类。在不需要时也将其删除。（使用removeClass（）函数）

Answer 3

谢谢你们......我做了以下事情：

http://jsfiddle.net/8m7VB/

<div id="bilder" style="position: absolute; bottom: 0px; left: 0px; width: 100%;
height: -moz-calc(100% - 170px); height: -webkit-calc(100% - 170px); height: -o-calc(100% - 170px);

background: url(https://www.google.de/logos/doodles/2013/holiday-series-2013-2-5173241802915840-hp.png) center bottom no-repeat; background-size: contain; z-index: 1;"></div>
<a onclick="document.getElementById('bilder').style.background='url(https://www.google.de/logos/doodles/2013/holiday-series-2013-2-5173241802915840-hp.png) center bottom no-repeat'">google<a>
<a onclick="document.getElementById('bilder').style.background='url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9G

单击更改div background-url

3 个答案: