背景图像不透明度问题

多米尼克·西梅尔

我现在正在制作主页,但遇到一些问题。

我将背景图像设置为覆盖在体内:

body{
    opacity: 1;
    transition:opacity 0.5s ease-out;
    background-image: url(Background.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

现在,我希望使用javascript将整个身体标签的不透明度更改为0。

$("body").css("opacity", "0");

除了背景图像,一切都消失了,尽管它在人体标签中?有任何想法吗?

更新!我将“问题站点”上传到了网站空间。网站

只需单击“查询”,然后单击任意框,然后按Enter即可调用js函数。

谢谢!!

阿尔瓦罗·冈萨雷斯(Alvaro Gonzalez)

我对您的可重现该问题的代码进行了摆弄代码可以简化为:

body{
    opacity: 0.1;
    background-color: red;
}

根本问题是,摆弄<body>元素的不透明度不会产生任何效果,除非您有以下内容。一个简单的解决方法是添加以下内容:

html{
    background-color: white;
}

更新的小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

背景图像不透明度问题

来自分类Dev

背景图像的不透明度和灰度滤镜。使它黑白透明

来自分类Dev

背景图像的不透明度和灰度滤镜。使它黑白透明

来自分类Dev

多个CSS 3背景图像-在顶部图像中添加不透明度

来自分类Dev

使用js更改背景图像不透明度而不影响前景图像

来自分类Dev

背景图片的不透明度

来自分类常见问题

是否可以在xaringan幻灯片中调整背景图像的不透明度?

来自分类Dev

将Alpha /不透明度应用于背景图像

来自分类Dev

如何在背景图像上使用不透明度而不影响文本?

来自分类Dev

如何使用CSS为div的背景图像设置不透明度或降低亮度

来自分类Dev

带旋转,重复和不透明度的CSS背景图像

来自分类Dev

是否可以在xaringan幻灯片中调整背景图像的不透明度?

来自分类Dev

使用插件将所有背景图像的不透明度设置为0

来自分类Dev

我们是否可以设置面板背景图像的不透明度?

来自分类Dev

使用伪元素:: before在Div中显示低不透明度背景图像

来自分类Dev

根据页面宽度更改背景图像的不透明度

来自分类Dev

如何使用CSS设置背景图像的不透明度?

来自分类Dev

如何快速编辑背景图像不透明度

来自分类Dev

如何更改正文标签背景图像的不透明度

来自分类Dev

尝试使用 css 为背景图像添加不透明度

来自分类Dev

CSS3 不透明度属性到背景图像之一

来自分类Dev

添加新 div 时背景图像不透明度增加

来自分类Dev

css背景图像部分宽度不透明度

来自分类Dev

设置窗口图像背景的不透明度属性

来自分类Dev

Android中Edittext背景不透明度的问题

来自分类Dev

如何在不影响背景颜色的情况下更改背景图像的不透明度?

来自分类Dev

如何仅在背景图像上而不在内部文本上应用div不透明度

来自分类Dev

带有小 JS 脚本的背景图像不透明度不适用于 iOS

来自分类Dev

更改HTML背景图片的不透明度

Related 相关文章

  1. 1

    背景图像不透明度问题

  2. 2

    背景图像的不透明度和灰度滤镜。使它黑白透明

  3. 3

    背景图像的不透明度和灰度滤镜。使它黑白透明

  4. 4

    多个CSS 3背景图像-在顶部图像中添加不透明度

  5. 5

    使用js更改背景图像不透明度而不影响前景图像

  6. 6

    背景图片的不透明度

  7. 7

    是否可以在xaringan幻灯片中调整背景图像的不透明度?

  8. 8

    将Alpha /不透明度应用于背景图像

  9. 9

    如何在背景图像上使用不透明度而不影响文本?

  10. 10

    如何使用CSS为div的背景图像设置不透明度或降低亮度

  11. 11

    带旋转,重复和不透明度的CSS背景图像

  12. 12

    是否可以在xaringan幻灯片中调整背景图像的不透明度?

  13. 13

    使用插件将所有背景图像的不透明度设置为0

  14. 14

    我们是否可以设置面板背景图像的不透明度?

  15. 15

    使用伪元素:: before在Div中显示低不透明度背景图像

  16. 16

    根据页面宽度更改背景图像的不透明度

  17. 17

    如何使用CSS设置背景图像的不透明度?

  18. 18

    如何快速编辑背景图像不透明度

  19. 19

    如何更改正文标签背景图像的不透明度

  20. 20

    尝试使用 css 为背景图像添加不透明度

  21. 21

    CSS3 不透明度属性到背景图像之一

  22. 22

    添加新 div 时背景图像不透明度增加

  23. 23

    css背景图像部分宽度不透明度

  24. 24

    设置窗口图像背景的不透明度属性

  25. 25

    Android中Edittext背景不透明度的问题

  26. 26

    如何在不影响背景颜色的情况下更改背景图像的不透明度?

  27. 27

    如何仅在背景图像上而不在内部文本上应用div不透明度

  28. 28

    带有小 JS 脚本的背景图像不透明度不适用于 iOS

  29. 29

    更改HTML背景图片的不透明度

热门标签

归档