摆脱图像中不必要的CSS不透明性?

马拉松

我正在设置我的WordPress网站,并且使用不透明度使背景图像“变得通透”,从而很好地展示了视差滚动效果。问题在于背景图像也照耀在不透明的前景图像上!

参见http://csr-kommunikation.se/billig-hemsida-till-foretaget-blir-ofta-dyr-historia/

试图编辑样式表(style.css),但我不知道如何摆脱它。html结构就像

<article>
  <div>
    <p>
      <img> [the image with the problem AND text]

我尝试过的是:

  • 添加“不透明度:1.0;” 到img,div和article类的样式,并且只有在article中才会生效。(但是后来我也失去了文字的不透明性。)
  • 在img类中添加“ z-index:10000;!important”。没有效果。

我还没有尝试过:

  • 在页面源中,图像还具有“ wp-image-603”类,但由于找不到主题CSS,所以我找不到在何处编辑wp-image类。不知道那是否是可以解决的地方。

我使用的是最新版本的Chrome(36),并且我也尝试过在Opera中查看该页面,但外观相同。(或者我应该说“看起来”,现在看来很像废话……)

赛诺普思

您当前正在使整个article标签都是半透明的,因此内部的所有内容也将是半透明的。而不是您目前在这里做什么:

article {
    background: #fff;
    opacity: 0.95;
}

使用:

article {
    background: rgba(255, 255, 255, 0.95);
}

这只会将白色背景的不透明度更改为0.95,同时保持原样。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何改变图像的不透明性

来自分类Dev

如何使用CSS淡化图像而没有不透明性?

来自分类Dev

jQuery不透明性慢褪色

来自分类Dev

背景图像线性渐变动画不透明性

来自分类Dev

过渡的不透明性在Java脚本中无法流畅运行

来自分类Dev

将图像放置在另一幅图像上方且没有不透明性

来自分类Dev

Firefox上具有不透明性和z-index的意外CSS 3过渡

来自分类Dev

为什么材质设计中的活动图标和非活动图标具有不同的不透明性?

来自分类Dev

jQuery-从元素获取颜色并将其用于不透明性

来自分类Dev

背景不透明性减少混入可能吗?

来自分类Dev

有没有办法避免不透明性被继承?

来自分类Dev

具有不透明性的Bootstrap模态出现在背景后面

来自分类Dev

动态生成的元素通过使用不透明性和过渡性而显得较低?(JavaScript,CSS)

来自分类Dev

OpenGL透明性不透明

来自分类Dev

复制和粘贴会不必要地更改inkscape中对象的不透明度

来自分类Dev

如何从菜单解决mouseenter和mouselieave上的不透明性问题?

来自分类Dev

如何摆脱CSS中按钮之间不必要的空间

来自分类Dev

具有不透明性的孩子不能出现在具有z-index的父级兄弟姐妹下方

来自分类Dev

Famo.us-如何创建具有背景不透明性但不具有文本的表面

来自分类Dev

使图像不透明,使文本在css中模糊

来自分类Dev

摆脱不必要的循环

来自分类Dev

摆脱不必要的争论

来自分类Dev

图像不透明

来自分类Dev

从图像中删除不必要的元素

来自分类Dev

CSS中从顶部0%到底部100%的透明(不透明)图像

来自分类Dev

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

来自分类Dev

CSS不透明度影响兄弟图像的不透明度

来自分类Dev

图像复制不透明

来自分类Dev

摆脱jfreechart chartpanel不必要的空间

Related 相关文章

  1. 1

    如何改变图像的不透明性

  2. 2

    如何使用CSS淡化图像而没有不透明性?

  3. 3

    jQuery不透明性慢褪色

  4. 4

    背景图像线性渐变动画不透明性

  5. 5

    过渡的不透明性在Java脚本中无法流畅运行

  6. 6

    将图像放置在另一幅图像上方且没有不透明性

  7. 7

    Firefox上具有不透明性和z-index的意外CSS 3过渡

  8. 8

    为什么材质设计中的活动图标和非活动图标具有不同的不透明性?

  9. 9

    jQuery-从元素获取颜色并将其用于不透明性

  10. 10

    背景不透明性减少混入可能吗?

  11. 11

    有没有办法避免不透明性被继承?

  12. 12

    具有不透明性的Bootstrap模态出现在背景后面

  13. 13

    动态生成的元素通过使用不透明性和过渡性而显得较低?(JavaScript,CSS)

  14. 14

    OpenGL透明性不透明

  15. 15

    复制和粘贴会不必要地更改inkscape中对象的不透明度

  16. 16

    如何从菜单解决mouseenter和mouselieave上的不透明性问题?

  17. 17

    如何摆脱CSS中按钮之间不必要的空间

  18. 18

    具有不透明性的孩子不能出现在具有z-index的父级兄弟姐妹下方

  19. 19

    Famo.us-如何创建具有背景不透明性但不具有文本的表面

  20. 20

    使图像不透明,使文本在css中模糊

  21. 21

    摆脱不必要的循环

  22. 22

    摆脱不必要的争论

  23. 23

    图像不透明

  24. 24

    从图像中删除不必要的元素

  25. 25

    CSS中从顶部0%到底部100%的透明(不透明)图像

  26. 26

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

  27. 27

    CSS不透明度影响兄弟图像的不透明度

  28. 28

    图像复制不透明

  29. 29

    摆脱jfreechart chartpanel不必要的空间

热门标签

归档