javascript - 从样式中删除背景图像

Question

如何从元素样式中删除背景图像。我不想将它设置为无或 0。我想完全删除它。它与在另一个类中定义的 moz-linear-gradient 冲突。

<div style="background-image:url(http://domain.com/1.jpg); width:100px" class="mozgradient"></div>

Answer 1

你试过吗:

$(".mozgradient").css("background", "");

将背景设置为空字符串应该会删除内联样式，以便类和其他样式表设置生效，但它不应影响其他内联设置的样式，如 width。 (在这种情况下，将它从具有 mozgradient 类的所有元素中删除可以防止您正在谈论的冲突。)

来自 the jQuery .css() doco :

Setting the value of a style property to an empty string — e.g. $('#mydiv').css('color', '') — removes that property from an element if it has already been directly applied, whether in the HTML style attribute, through jQuery's .css() method, or through direct DOM manipulation of the style property.