使 Blogger post 和页面背景透明

Question

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

我在 Blogger 上使用图片 Window 主题。

谢谢:)

Answer 1

我要使用的CSS是background-color: rgba(0,0,0,0);（红、绿、蓝、alpha）

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

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

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

<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;

使 Blogger post 和页面背景透明

Making Blogger post and page background transparent

html

css

background

blogger