html - 背景图像上的文本白线

标签 html css twitter-bootstrap

我正在尝试建立一个网站,所以我使用了 Bootstrap 模板 (this one) .这是一个空模板,只有一个背景图像覆盖了整个页面(我拿走了导航栏)。

我刚刚尝试在 html 正文部分中输入随机文本,然后出现此问题。

Screenshot of the problem

模板中的代码保持不变(除了删除导航栏)。我只是添加了一个普通的 html 段落。

我想摆脱那条白线,所以只有文本出现在背景之上,而不是背景。我试过将主体样式设置为背景颜色:透明,尝试调整位置、z-index 和诸如此类的东西,白线不会消失。谷歌搜索没有帮助。

如果您能帮助我解决这个问题,我将不胜感激!

最佳答案

您添加的内容的背景颜色是根据 body 标签的背景颜色计算得出的。

该模板的问题是背景图像被放置在 html 标记上而不是正文上。您可以尝试将整个类放在 body 上。

<body class="full">

关于html - 背景图像上的文本白线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28290222/

相关文章:

css - sass 驱动版本的 Bootstrap 的简单最小化版本中哪个版本的 Bootstrap 更适合在 Rails 应用程序中使用

html - Rails 缺少模板错误

javascript - “关闭”按钮一分钟都不会关闭弹出窗口

css - 绑定(bind) MXML CSS 值

Firefox 水平盒模型的 CSS

javascript - Bootstrap 显示/隐藏选项卡组件

javascript - 如何在几秒钟后自动移动轮播的幻灯片?

html - 我怎样才能在导航中居中 <ul>

html - 我可以自定义CSS网格吗?

javascript - 如何查找 innerHtml(text) 超出容器元素宽度