Javascript 如何根据开关滑块位置更改不透明度？
我有一个开关滑块，想知道如何使“非活动”元素的不透明度降低。我应该使用什么来跟踪滑块的位置？有没有一种方法可以使用纯css实现，或者JavaScript确实是必需的？开关滑块具有绝对位置，并随transform css属性移动，因此我不知道如何创建其行为的逻辑 .开关{ 位置：相对位置； 显示：内联块； 宽度：60px； 高度：10px； 边缘顶部：15px； } .开关输入{ 不透明度：0； 宽度：0； 身高：0； } .滑块{ 位置：绝对位置； 光标：指针； 排名：0； 左：-74px； 右：0； 底部：0； 背景色：ccc； -webkit转换：.4s； 过渡：.4s； 宽度：187px； } .滑块：之前{ 位置：绝对位置； 内容：； 高度：16px； 宽度：16px； 左：4px； 底部：-3px； 背景色：白色； -webkit转换：.4s； 过渡：.4s； 边框：1px纯灰； } 输入：选中+滑块{ 背景色：13985C； } 输入：焦点+.滑块{ 盒影：0 1px 2196F3； } 输入：选中+。滑块：之前{ -webkit转换：translateX120px； -ms变换：translateX120px； 转换：translateX162px； } /*圆形滑块*/ .圆滑{ 边界半径：34px； } .滑块.圆形：之前{ 边界半径：50%； } .世界其他地区输入无线电{ 显示器：flex； 证明内容：之间的空间； } .物品大小{ 左边距：10px； } .物品大小{ 字体大小：15px； 颜色：rgb155、154、154； } 中等的 e、 g.两个座位的沙发 中等的 e、 字袍Javascript 如何根据开关滑块位置更改不透明度？,javascript,html,css,Javascript,Html,Css,我有一个开关滑块，想知道如何使“非活动”元素的不透明度降低。我应该使用什么来跟踪滑块的位置？有没有一种方法可以使用纯css实现，或者JavaScript确实是必需的？开关滑块具有绝对位置，并随transform css属性移动，因此我不知道如何创建其行为的逻辑 .开关{ 位置：相对位置； 显示：内联块； 宽度：60px； 高度：10px； 边缘顶部：15px； } .开关输入{ 不透明度：0； 宽度：0； 身高：0； } .滑块{ 位置：绝对位置； 光标：指针； 排名：0； 左：-74px；
您可以使用javascript修改所需元素的HTML样式属性。这就像做内联样式一样