css - 与 block 引用中的文本关联的不透明度

标签 css html blockquote

我已经为此工作了几个小时,却不知道该怎么做。

虽然我觉得我说的是对的,但是说是错的。我不知道还能做什么。

问题是:该页面在 block 引用中包含评论。转到 Blockquote Styles 部分并为 blockquote 元素创建一个样式规则,将背景颜色设置为 rgb(173, 189, 227) 并将文本颜色设置为 rgb(255, 255, 255),不透明度为 0.65。

这是我的 CSS 代码:

blockquote {
      background-color: rgb(173, 189, 227);
      color: rgb(255, 255, 255);
      opacity: 0.65;
}

最佳答案

您的解决方案的问题在于您如何解释这部分:“...以及不透明度为 0.65 的 rgb(255, 255, 255) 的文本颜色。”。它要求将文本的不透明度设置为 0.65,而不是整个元素的不透明度。

使用 rgba 应该是正确的:

blockquote {
    background-color: rgb(173, 189, 227);
    color: rgba(255, 255, 255, 0.65);
}

关于css - 与 block 引用中的文本关联的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52248758/

相关文章:

html - 嵌套元素换行时 div 不调整大小

html - 页脚下方的大空白显示在 iPhone 实际设备的某些页面上,但在 Chrome 中的模拟器上不显示

html - 图片显示不正确

javascript - Jquery/Javascript 和 Css 条件不适用于 firefox 和 IE。它适用于 Chrome

html - 在所有断点处将 'anchor' 定位在图像上的同一位置

html - block 引号必须包含段落还是段落必须包含 block 引号?

css - CSS 中的首字母伪元素与引号无法正常工作

html - base64 未在 gmail 中解码

html - border怎么能比div本身大呢?

html - float DIV 旁边的 block 引用格式中断