如何通过透明导航栏显示横幅图像？
[英]How to make the banner image visible through the transparent navigation bar?
问题描述
我已经用Bootstrap 4编写了以下代码。在下面的图片中，我描述了我想要实现的目标。 谢谢！
<style>
div.jumbotron {
background: #458392 url("img/banner.jpg") no-repeat right;
}
nav.navbar {
background: rgba(69, 131, 146, 0.4);
}
</style>
<body>
<nav class="navbar navbar-toggleable-sm navbar-inverse">
/*some code*/
</nav>
<div class="jumbotron jumbotron-fluid text-white">
/*some code*/
</div>
</body>
1 个解决方案
解决方案1
0 2017-05-29 18:57:31
如果我做对了，您实际上需要将导航栏放在横幅上。 目前，它们只是彼此相邻设置。 尝试调整位置-绝对或固定。
如何将透明背景的png图像的可见部分作为链接？
[英]How to make the visible part of png image with transparent background as a link?
如何使我的长高度图像滚动条可见并且图像本身可见
[英]How to make my long height image scroll bar visible and the image itsel visible
如何在保持文本元素不透明的同时仅使CSS中的导航栏透明？
[英]How can I only make the navigation bar in CSS transparent while keeping the text elements opaque?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.