gpt4 book ai didi

html - CSS 背景图片被 li 截断

转载 作者:太空宇宙 更新时间:2023-11-04 09:51:02 25 4
gpt4 key购买 nike

以下代码将加载被 ul/li 截断或覆盖的背景图像

这只发生在 Bootstrap 中。我在 jsfiddle 上有它没有 Bootstrap :https://jsfiddle.net/kng2upm1/使用 Bootstrap :https://jsfiddle.net/kng2upm1/1/

HTML

<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt"Logo"></a>
</div>
<div>
<ul class="nav navbar-nav">
<li> <a href="">Git Hub</a>
<li> <a href="">Game Vote Alpha</a>
<li> <a href="">Minecraft Server</a>
</ul>
</div>
</div>
</nav>
<h1>File Directories</h1>
<ul id="filelist">
<li> <a href="">TV Shows</a>
<li> <a href="">Movies</a>
<li> <a href="">Music</a>
<li> <a href="">Audio Books</a>
<li> <a href="">Games</a>
<li> <a href="">Pen and Paper RPG Scans</a>
</ul>
</body>

CSS

#filelist{
list-style-type: none;
}

html{
background-image: url("image");
background-repeat: no-repeat;
background-size: 500px auto;
background-attatchment: fixed;
background-position: right;
}

最佳答案

Bootstrap 添加一个 background-color: #fff 到 body,因为你正在将图像应用到 HTML 元素,尝试更改你的 css 以将图像放在 body 元素上。

https://jsfiddle.net/Lgd2d99h/

关于html - CSS 背景图片被 li 截断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39089037/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com