iframe不透明度,输入类型=范围(滑块)无法识别1.0

时间:2011-03-02 18:36:59

标签: iframe slider range opacity

我正在构建一个内部工具,以帮助后端开发人员匹配前端组合。我正在做的是为开发人员在他们的浏览器中提供一个小工具栏,它将覆盖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处获得不透明度。

1 个答案:

答案 0 :(得分:0)

看起来像一个错字。尝试

iframe.style.opacity = '1.0';