0

我有带有属性的 css 文件：“背景：#f9f9f9;”。div 具有正确的背景颜色，但是当我阅读它时，结果为空（“”）。然后该函数会更改背景颜色，当我再次阅读它时，它会显示：“背景：无重复滚动 0% 0% rgb(249, 249, 249)”。新颜色是对的，但它是在我使用 js 更改颜色后才显示的。为什么会发生？有什么办法可以解决吗？（我知道我可以使用正确颜色的 js 手动初始化它，我会一直这样做，直到找到正确的解决方案）。

编辑：插入代码。

.cLiftsDiv {
float:left;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 15%;
border:1px solid #111111;
background:#f9f9f9;
border-radius: 5px;
height: 80%;

cursor: default;

/* to be unselectable */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 2% 2%;
position:relative;
}

JS函数：

var items = new Array("Lifts");
var elem = document.getElementById("mainMonitor");

for (var i = 0; i < items.length; ++i)
{
    var tempDiv = document.createElement("div");
    tempDiv.id = items[i] + "Div";
    tempDiv.className = "c" + items[i] + "Div";
    var tempInnerDiv = document.createElement("div");
    tempInnerDiv.innerHTML = items[i];
    tempDiv.appendChild(tempInnerDiv);

    tempDiv.onmouseover = hoverDiv;
    elem.appendChild(tempDiv);
}

function hoverDiv()
{
var elem = document.getElementById(this.id);
alert("background: " + elem.style.background);
if (elem.style.background != "#aaaaaa")
{
    //elem.style.background = "#cccccc";
}
}

我使用 Firefox（它在 chrome 中也不起作用）。

4

1 回答 1

0

我们需要更多代码来提供帮助，但背景颜色可以正常工作：

<!DOCTYPE html>
<html>
<head>
<style>
   span.highlight
    {
      background-color:yellow;
    }
</style>
</head>

 <body>
<p>
<span class="highlight">This is a text.</span> This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text.      <span class="highlight">This is a text.</span>
 </p>
 </body>
</html>

使用 JavaScript 提醒颜色： JS Fiddle

弹出

你应该试试这个：

//On page ready
var color = "#fff";
$("item selctor").css("background-color",color);
于 2013-05-08T10:08:44.300 回答