Question

我的css文件包含属性：＆＃34; background：＃f9f9f9;＆＃34;。 div具有正确的背景颜色，但是当我读取它时结果为空（＆＃34;＆＃34;）。该功能然后改变背景颜色，当我再次阅读它时，它显示我：＆＃34;背景：无重复滚动0％0％rgb（249,249,249）＆＃34;。新颜色是正确的，但只有在我使用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中也不起作用）。

Answer 1

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

<!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

The pop up

你应该试试这个：

//On page ready
var color = "#fff";
$("item selctor").css("background-color",color);

故障读取背景颜色

1 个答案: