浅灰色问题答案

【问题标题】：Light Grey Issues浅灰色问题
【发布时间】：2019-03-22 18:54:56
【问题描述】：

我的一个网页出现问题，我似乎无法修复，如您在此处看到的那样，标题图片前出现浅灰色：https://victory3d.teachable.com/p/japanese-alley-3d-game-environment-creation:

我需要在英雄标题内容之前有一个空格，所以我添加了以下代码：

如何修改它以使灰色不显示？

【问题讨论】：

您是否尝试过使用浏览器开发工具来查看发生了什么？
欢迎来到 Stack Overflow！其他用户将您的问题标记为低质量和需要改进。我重新措辞/格式化您的输入，使其更容易阅读/理解。请查看我的更改以确保它们反映您的意图。但我认为你的问题仍然无法回答。你现在应该edit你的问题，添加缺失的细节（见minimal reproducible example）。如果您对我有其他问题或反馈，请随时给我留言。
另请阅读：no pictures of exceptions / no pictures of code。然后使用edit 链接将文本的屏幕截图替换为问题中格式正确/缩进的文本。不要使用屏幕截图向我们提供文本信息。代码是文本，不是像素！

【解决方案1】：

在html中有一个div：

<div class="course-block block liquid_html odd-stripe" id="block-8017829">

它的css是：

.course-block.odd-stripe, .block.odd-stripe {
    background-color: #f7f7f7;
}

您需要将其更改为：

.course-block.odd-stripe, .block.odd-stripe {
    background-color: transparent;
}

【讨论】：

【解决方案2】：

对于空白，您不必添加 p 标签。只需删除您添加的段落标签。然后添加一些顶部填充，例如 75px 到英雄课程块。

.course-block.even-stripe{ padding-top: 75px; }

相应地调整填充。

【讨论】：