我正在构建一个内部工具,以帮助后端开发人员匹配前端组合。我正在做的是为开发人员在他们的浏览器中提供一个小工具栏,它将覆盖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处获得不透明度。
答案 0 :(得分:0)
看起来像一个错字。尝试
iframe.style.opacity = '1.0';