【问题标题】:CSS background color show another colorCSS背景颜色显示另一种颜色
【发布时间】:2015-07-15 15:34:18
【问题描述】:

我有一个工具提示。

工具提示背景颜色为#FFFFFF(白色)。

如果您在该工具提示中看到上面的图像,黑线也会显示。如何使用 css 去除工具提示中的黑线。

这些是我正在使用的 CSS。

.tipsy-inner {

     background-color: #FFFFFF;
     color: black;
     height:30px ! important;
     max-width: 400px ! important;
     padding: 1px 12px -3px 0px ! important;
     text-align: center;
     border: 1px solid black !important;
     border-radius: 8px;
     font-family: Open Sans !important;
     font-size: 1.2em;
     font-weight: normal !important;
}

【问题讨论】:

  • 请显示所有相关的CSS代码
  • 请贴出源代码。
  • 你说的是哪条黑线?如果没有更多细节,我们将无法提供帮助(例如代码 ...^^)在此处发布简化示例 -> jsfiddle.net
  • 我认为这是不透明度问题..
  • 圆角矩形框中有一条黑线。我想如何删除该行。

标签: html css


【解决方案1】:

“黑线”是元素的边框,所以去掉

border: 1px solid black !important;

你的 css 样式中的一行。

【讨论】:

    【解决方案2】:

    尝试提供你的 CSS:

    .tipsy { opacity: 1 !important; }
    

    【讨论】:

    • 添加 !important 是糟糕的形式。最好正确覆盖导致不透明度的 css。
    • 亲爱的比尔,先解决问题再回答。问题不在于.tipsy-inner。我猜 panabaka 不知道这一点。所以在 inner 上设置 bg 和 opacity 不会有任何帮助。我检查了 Tipsy 插件 .. 它提供了内联样式 onhover。所以要么我们必须更改 JS,要么我们需要添加 !important 来覆盖它..我希望我足够清楚..休息是你决定标记为否决答案。 :) 快乐编码。
    • @panabakavenkatesh:别忘了标记为答案:P
    【解决方案3】:

    看起来不透明度不是100%,你可以试试:

    背景色:rgba(255, 255, 255, 1);

    或者

    背景颜色:白色;不透明度:1;

    【讨论】:

    • 错误。因为改变赋予背景颜色的格式不会以任何方式增加不透明度。
    • @panabakavenkatesh : 问题只是不透明度。如果父容器有不透明度,请检查萤火虫。
    • @Era No parent container 没有不透明度。
    • 试试我给出的答案。
    • 如果你注意到我建议包含“alpha”的 rgba 或者在第二行中我包含 opacity:1;
    猜你喜欢
    • 2012-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-19
    • 1970-01-01
    • 2015-05-28
    • 2013-09-17
    相关资源
    最近更新 更多