不透明度div使用css沒有定義，但與js它被定義

我有一個id與opacity:0.75;的div，這顯示屏幕上的div與0.75不透明度。當我想用js更改不透明度時，它不起作用 - 我使用警報查看style.opacity值，但警報顯示爲空白。如果我反而有... style.opacity = "0.75";在js代碼它確實工作（屏幕上的對象看起來75％不透明，它應該和警報出現0.75）。爲什麼是這樣？不透明度div使用css沒有定義，但與js它被定義

label.style.opacity = parseFloat(label.style.opacity, 10) - 0.1; alert(label.style.opacity);

和CSS

#label { 
width:100px; 
text-align:center; 
height:50px; 
font-size:normal; 
position:absolute; 
color:white; 
z-index:100; 
font-family:Helvetica-Light; 
}

來源

2013-06-30 Dylan Thepiguy

'label.style.opacity = parseFloat（label.style.opacity，10） - 0.1; alert（label.style.opacity）;'和css'#label {width：100px; width = 100px; text-align：center; height：50px; font-size：normal; position：absolute; 顏色：白色; z-index：100; font-family：Helvetica-Light; }' –

你需要調用getComputedStyle元素上獲得通過CSS設置的值。看到這個答案：How do I get the opacity of an element using Javascript?

來源

2013-06-30 01:28:40

試試這個：

label.style.opacity = (parseFloat(label.style.opacity) || 1) - 0.1;

如果元素不具備的屬性opacity設定值，.style.opacity會返回一個空字符串。我的代碼默認值爲1。

來源

2013-06-30 01:28:52

該符號或符號做什麼？哦，不透明度沒有設置時返回1。但是這並不能解決問題，因爲我在css中設置了不透明度，並且它返回一個空字符串 –

@DylanThepiguy除非您有充分的理由不使用CSS操作庫。例如。使用jQuery，您可以使用'$（label）.css（'opacity'）'檢索值 –

不透明度div使用css沒有定義，但與js它被定義

回答

相關問題