html - 使 Blogger 帖子和页面背景透明

Question

我需要让下图中红色轮廓的区域完全透明。我是 HTML 的新手，但我尝试在 HTML 编辑部分搜索透明度和不透明度，但我似乎无法找到要编辑的正确位。 如果有人可以向我提供一个简单的 CSS 代码，那就更好了。

我在 Blogger 上使用图片窗口主题。

谢谢:)

Answer 1

我将使用的 CSS 是 background-color: rgba(0,0,0,0); (红、绿、蓝、α)

对于 alpha，0 是透明的，1 是实心的，所以 0.5 是半透明的

如果您不确定将此 css 放在哪里，则需要确定 div；您可以在大多数流行的浏览器中使用开发人员工具来查找 div 的 ID 或类；右键单击它并选择“检查”或“检查元素”或类似的。

编辑: 您需要更改的 div 是 <div class="content-outer">....</div> 添加样式背景:无；删除现有背景。

<div class='content-outer' style="background:none;box-shadow:none;">
    <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
</div>

参见 here

如果要确保框阴影(模糊轮廓)不会出现在旧版浏览器上，请参阅 https://www.w3schools.com/cssref/css3_pr_box-shadow.asp对于浏览器特定的 css。例如，对于旧版本的 chrome，您还可以添加 -webkit-box-shadow:none;