<分区>
html - 图像布局未读取 CSS
我不熟悉 CSS 和 HTML 的使用。我在 CSS 页面中添加了引用 logo 类的代码，代码如下:
logo {
position: absolute;
top: 0px;
left: 0px;
height: auto;
width: 0%;
}
它指的是以下 HTML 类:
<img src="${pageContext.request.contextPath}/assets/images/Catlogo.jpg"
alt="Caterpillar logo" width="115" height="50" class="logo">
包括整个父容器:
<nav class="navbar navbar-expand navbar-dark bg-dark static-top">
<img src="${pageContext.request.contextPath}/assets/images/Catlogo.jpg" alt="Caterpillar logo"
width="115" height="50" class="logo">
<a class="navbar-brand mr-1" href="pservlet">[Offer To Sell] Grief Reconciliation</a>
<button class="btn btn-link btn-sm text-white order-1 order-sm-0"
id="sidebarToggle" href="#">
<i class="fas fa-bars"></i>
</button>
但是，尽管有 CSS 引用，导航栏中的图片并没有改变。本质上我只是想锚定图像(请参阅下面的屏幕截图)
我做错了什么？
最佳答案
在css 中，类引用应该用一个前导句点标记，.logo。您将需要修改您的 css 类，如下所示
.logo {
position: absolute;
top: 0px;
left: 0px;
height: auto;
width: 0%;
}
<img src="Catlogo.jpg" alt="Caterpillar logo" width="115" height="50" class="logo">
关于html - 图像布局未读取 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57454137/