JavaScript - 图像样式更改无法正常运行

时间:2013-07-08 19:37:06

标签: javascript html css image

所以这就是:

onmouseover="imageOn(bg-index);" onmouseout="imageOff(bg-index);"

这是我在身份table的{​​{1}}上拥有的两个属性。这些函数是远程JS文件的一部分:

table-title

...与if (name == 'bg-index') { document.getElementById("table-title").style.backgroundImage = "url('images/bg-index.png')"; } 是相同的东西,但有不同的形象。这不起作用;我做错了什么?

2 个答案:

答案 0 :(得分:0)

onmouseover="imageOn('bg-index');" onmouseout="imageOff('bg-index');"

尝试将函数变量作为字符串。

答案 1 :(得分:0)

CSS具有特定的层次结构。您是否检查是否有其他CSS条目覆盖您要更改的内容?也许有一些选择器强制该图像为“永远在线”。

有四个不同的类别定义了给定选择器的特异性级别:

  1. 内联样式(文档中样式的存在)。 内联样式存在于XHTML文档中。它直接附加到要设计样式的元素上。 例如。 <h1 style="color: #fff;">

  2. ID(ID选择器数量) ID是您的页面元素的标识符,例如#div

  3. 类,属性和伪类(类选择器的数量)。 该群组包含.classes[attributes]和伪类,例如:hover:focus等。

  4. 元素和伪元素(元素(类型)选择器的数量)。 包括例如:before:after