Jquery 通过javascript更改主体不透明度

我有一个滑块谁改变我的网站不透明度

<script type="text/javascript">
    $(document).ready(function() {        
        $('#slider').slider({ 
        min: 0, 
        max: 1, 
        step: 0.01, 
        value: 1,
        orientation: "vertical",
             slide: function(e,ui){
$('body').css('opacity', ui.value)
             }                
        })
    });
</script>

但我不想改变我体内2或3个类的不透明度。谢谢

---

乐：同时我想降低一些元素的不透明度，而不是它们，我想要一个黑色的面具。因此，仅在整个站点上。_窗口和。_触发器可见，背景为黑色。示例：catalog-online.ro/test/

CSS将应用于子元素。由于您正在更改不透明度，它将影响整个页面。您必须选择页面上的其他元素并更改这些元素的不透明度，以避免不希望更改不透明度的类

编辑：以下是一个非常有用的示例：

HTML

---

我不是jquery的人，但您可以在幻灯片功能中尝试以下内容：

slide: function(e,ui){
   $('body').css('opacity', ui.value);
   $('#element_1_ID').css('opacity', 1);
   $('#element_2_ID').css('opacity', 1);
}  

将元素_1_ID和元素_2_ID替换为不希望应用不透明度的元素的ID。希望它可以工作，否则另一个选项可能是设置单个元素的不透明度。将一些设置为0，将一些设置为1

试试这个

document.getElementsByTagName("body").style.opacity = "0";

---

我已经试过了，但body的背景图像仍然是一个标题，我想更改不透明度，包括背景图像。请用演示或问题的完整HTML、CSS和JavaScript更新您的问题，否则将很难提供帮助。@andyb关于z-Index属性，如果我们将它设置为比身体更高的值，并使内部元素成为绝对元素，那么它可能会工作。你说呢？这可能是可能的，但首先需要有问题代码的演示。否则我们只是猜测！同时，我想降低一些元素的不透明度，而不是它们，我想要一个黑色的面具。因此，仅在整个站点上。_窗口和。_触发器可见，背景为黑色。示例：我尝试过使用这个$'element\u 1\u ID'.css'opacity'，1；但它不起作用。

slide: function(e,ui){
   $('body').css('opacity', ui.value);
   $('#element_1_ID').css('opacity', 1);
   $('#element_2_ID').css('opacity', 1);
}  

document.getElementsByTagName("body").style.opacity = "0";