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')。