jQuery的表现不同的Firefox和Chrome

Question

下列人员，我有这些命令是让边框颜色和每一个DIV的背景：

var data_id = $('#Topo').css('border-color') + $('#Topo').css('background-color') + $('#senha_12').css('border-color') + $('#senha_12:hover').css('border-color') + $('#senha_12').css('background-color'); 

$.ajax({ 
     type: "POST", 
     url: "funcoes/a-php/ler/ler_config.php", 
     data: data_id, 
     cache: false, 
     success: function(data_o){ 
     alert(data_o); 
     } 
    }); 

正在发生的事情是下面这些div是通过赶上jQuery的如下：

<style> 
#senha_12{ 
    margin-left:15px; 
    float:left; 
    margin-top:3px; 
    width:72px; 
    height:68px; 
    background:#FFFFFF; 
    border:2px solid #A3C2FF; 
    border-radius:10px; 
    cursor:pointer; 
} 
#senha_12:hover{ 
    cursor:pointer; 
    border:2px solid #FF6600; 
    float:left; 
} 
</style> 

<div id="Topo" style="border-radius:10px; width:150px; margin-left:-5px; margin-top:30px; text-align:center; height:80px; float:left; background:url(background.png); border:2px solid #060606;"> 
<div id="senha_12"> 
<img src="design/imagens/2.fw.png" style="margin-top:10px" width="52" height="48"> 
</div> 
<img src="design/imagens/1.fw.png" style="margin-top:10px" width="32" height="32"> 
</div> 

在这种情况下，我给了用户自由修改每个div的颜色，使用打开一个盒子有各种颜色的命令，所以选择了颜色RGB捕获并jQuery的div来更新自己的颜色用户选择了（但吨帽子的重点，所以我表达了这一点，以避免这些问题'，但因为你想要这个？'）

在谷歌浏览器中，这些颜色是通过JavaScript处理，并引发PHP中的项目在PHP和它需要每一个参数，并在阵列提出，结果如下所示：

已经在Firefox上，我不知道究竟是怎样发生的，但是一些从领域的空白（即使是通过编辑的颜色来以上命令）：

事后看来，Firefox中的这个错误似乎没有出现在PHP的错误参数中，我认为是Firefox的一个问题，相信Firefox中有任何异常可以阻止div的颜色。 我不知道为什么会发生这种情况，也是这个问题的一个可能的解决方案。

Answer 1

当您致电css时，jQuery使用window.getComputedStyle(element)。

财产border-color并不存在，但是是border-[left|top|right|bottom]-color的简写。

FireFox does not return a value of any of these shorthand如果使用window.getComputedStyle(element)。如果所有代表的属性都具有相同的值，WebKit（afaik）只会为速记返回一个值。

如果您确定，各方的颜色都一样，那么您可以考虑改用$('#Topo').css('border-left-color')。