【问题标题】:Highlight Background No Transparency in Opera在 Opera 中突出显示背景没有透明度
【发布时间】:2014-12-24 13:31:01
【问题描述】:

当您突出显示页面上的任何文本时,我有一些 CSS 会改变背景颜色:

*::selection {
    background:#083875;
    color:white;
}
*::-moz-selection {
    background:#083875;
    color:white;
}

问题在于该文本的背景颜色(突出显示)略微透明。有什么方法可以只使用 css 使背景完全稳定吗?

Opera 25 中出现此问题。

【问题讨论】:

  • 什么浏览器?在最新版本的 Firefox 中进行测试,高亮背景是纯色、不透明的颜色。
  • 这是一个测试示例:jsfiddle.net/j9u9qx8x 突出显示文本,您会发现黄色和绿色背景之间的蓝色阴影没有区别。
  • 我在 Opera 25 上。即使在你的小提琴中,我仍然获得透明度。
  • 您应该在问题中指定浏览器,特别是如果它是特定于 Opera 的问题。您是否在其他浏览器中测试过它是否特定于 Opera?调试的典型第一步。
  • 好的,很抱歉。我还处于学习 css 的早期阶段,所以我完全忘记了跨浏览器的差异。这听起来像是 Opera 特有的东西,所以这真的没什么大不了的(反正没有多少用户强调任何东西)。我想我会保持原样。

标签: css background opera opacity highlight


【解决方案1】:

在 Opera 25 中,您无法控制所选文本的不透明度。

即使使用rgba(0,0,0,1) 强制不透明度也会产生半透明背景。

*::selection {
    background: rgba(255,0,0,1);
    color:white;
    opacity: 1;
}

http://jsfiddle.net/j9u9qx8x/1/

Opera 25 中的测试结果

也许可以尝试向 Opera 开发团队提交支持票,看看他们是否可以允许此功能。您应该能够通过在 rgba() 颜色语法中强制不透明度来覆盖透明效果,这是有道理的。

【讨论】:

    猜你喜欢
    • 2012-10-01
    • 1970-01-01
    • 2016-09-17
    • 1970-01-01
    • 2014-01-08
    • 1970-01-01
    • 1970-01-01
    • 2013-03-30
    • 2017-10-07
    相关资源
    最近更新 更多