iframe opacity with input type = range（slider）not recognizedizing 1.0

Question

我在這裏構建了一個內部工具來幫助後端開發人員匹配前端組件。我在做的是給開發者一個在瀏覽器中的小工具欄，它將覆蓋一個iframe並根據他們點擊的複選框加載一個comp。他們可以打開或關閉此功能，也可以調整iframe的不透明度。

我遇到了一個問題，在使用滑塊時，它似乎無法識別'1.0'作爲我的不透明度。當我第一次加載時，iframe處於100％不透明狀態。如果我使用滑塊降低值，則iframe會減少不透明度。當我使用滑塊恢復數值時，不透明度會增加，直到達到最後，最大值爲10.它可以達到9，但從9到10不會發生變化。

這裏是表單元素/滑塊：

<input id="range" size="1" type="range" min="0" max="10" step="1" value="10"> 
<label id="range_label" for="range">Comp opacity:</label> 

我的事件處理程序：

$('#range').change(function() { 
    var val = this.value; 
    console.log(val); 

    if (val == 10) { 
     iframe.style.opactiy = '1.0'; 
    } else { 
     iframe.style.opacity = '0.' + this.value; 
    } 
}); 

人有什麼想法？

編輯：我已經更新範圍爲0-100（每個步驟增加1）而不是0-10，它有助於一點點，而不是結束於90％不透明度，我似乎結束在99％。仍然想知道如何獲得1.0的不透明度。

Answer 1

看起來像一個錯字。嘗試

iframe.style.opacity = '1.0';