【问题标题】:CSS Stylish popup backgroundCSS 时尚弹出背景
【发布时间】:2014-06-09 17:51:58
【问题描述】:

我的 CSS 非常糟糕(我根本不懂语法),我只是在用我的知识来修改代码。 我正在使用带有 Stylish 插件的 Chrome,并且我想根据自己的喜好制作黑暗的维基百科。 我从时尚中获取了一些代码,只是改变了颜色,但现在我有了新的东西 添加东西所以我被卡住了。 它显然是用铬制成的,所以它是临时的。这是我的问题:

http://imgur.com/a/9IYI3

我的问题是如何使那个盒子像#555 颜色一样不透明,而不破坏其他所有东西。

这是我正在使用的代码:pastebin.com

【问题讨论】:

  • 你可能应该考虑一个 css 教程而不是在这里问这个问题,因为将来你会遇到问题而不得不再次问。并且它非常容易学习 css。 1小时即可学会。所以给自己一个机会学习对你有好处的东西:)
  • 所以您只想将弹出窗口设为红色,而让其他所有内容保持透明?
  • 你不能,这就是rgba() 的含义——它代表red, green, blue, alpha(alpha 是不透明因素)。如果您将其设为#f00,则您使用的是不支持 alpha 的十六进制颜色。 (或者我不明白你的问题?在这种情况下,请改写)
  • 使用div, tt, a, span[...]...,您可以使用相同的规则为许多元素着色。你可能想要.tooltip{ background-color:rgba(100,100,100,.5) }
  • @agrm 谢谢伙计,这正是我所需要的,但我不能给你 +1 :(.

标签: html css stylish


【解决方案1】:

EDIT:请注意,opacity 将改变它所应用的元素中所有内容的不透明度。根据情况,rgba 是最好的路线。

这可以通过几种方式完成:

#mybox
{
    background-color:#555;
    opacity:0.5;
}

或者

#mybox
{
    background-color:rgba(85, 85, 85, 0.5);
}

opacity 属性用于改变元素的透明度(0.0 为 0%,而 1.0 为 100%)。

rgba(红色、绿色、蓝色、alpha)也可以做到这一点。 Alpha 类似于不透明度(实际上是相同的影响)。

正如 Dwza 在 cmets 中所说,您最好学习一些 CSS 教程。一个快速的谷歌搜索会带来很多。这个好看:http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css--webdesign-11906

【讨论】:

  • agrm 已经给了我答案。我不想学习另一种我不会使用的语言,我只是根据自己的喜好编辑某人的代码。无论如何感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 2013-12-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-29
相关资源
最近更新 更多