0
私はフロントエンドのコンプにマッチするバックエンドの開発者を支援するため、ここに内部ツールを構築しています。私がやっていることは、開発者に、ブラウザでiframeをオーバーレイし、クリックするチェックボックスに応じてコンプをロードする小さなツールバーを与えることです。彼らはこれをオンとオフに切り替えたり、iframeの不透明度を調整したりすることができます。入力タイプのiframe不透明度=範囲（スライダ）が認識されない1.0
私は、スライダで「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の代わりに0〜100（1ステップごとに1ずつ増やす）の範囲を更新しました。これは90％の不透明度で終了するのではなく、終了するようです99％であった。まだ不透明度を1.0にする方法を知りたいですか？