Html 如何将背景色更改为透明？

我在普雷斯塔肖普

我想把标题的背景改成透明的

滑块应该出现在标题的背景中，就像在本网站中一样

https://demotheme.site/prestashop/at_nova_demo/en/home-7.html

。我试图在检查模式下执行此操作，但无法执行。

照此

-单击鼠标右键并检查图元 -使用类似crome的浏览器并单击图像中指示的图标 -在标题上方，当焦点集中时，单击它 -浏览器控制台的“元素”部分将显示元素和类/id -在css文件中找到类/id，然后：

---

背景：透明

要使标题透明，您需要更改两个css属性：

当页面未向下滚动时：

#header.navbar-fixed-top {
   background: transparent;
}

滚动页面时，还需要更改以下内容：

#header.navbar-fixed-top.mini-navbar {
   background: rgba(255,255,255,0); /* <----here set the opacity to 0 */
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
  -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
  -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

---

然后，您的网站将看起来像

使用此代码

header#header {
    background-color: transparent!important;
    box-shadow: none!important;
}

---

链接无效：（你能试试

背景：透明吗？

？你能创建一个吗？对不起，我忘了提到网站应该是这样的：

https://demotheme.site/prestashop/at_nova_demo/en/home-7.html

我认为问题在于@

iviewSlider

class div。您添加了

background:rgba（0,0,0,0）url(“/prestashop/at_nova_demo/themes/at_nova/assets/img/modules/leoslideshow/home7-slide1.jpg”）无重复滚动0%0%/100%

添加

背景色：透明

您的答案非常接近。但我希望滑块在未滚动时显示在标题的背景中。可能吗？@BoidurjaTalukdar确定可能，请检查上面更新的答案。是否可能使滑块为100vh？@BoidurjaTalukdar尝试过，我可以d使滑块为100vh，但不知何故弄乱了标题位置，可能需要更多的时间来查看，但是即使我强制滑块的高度为100vh，滑块图像的宽度和高度也不适合我的屏幕纵横比，您可以尝试使用其他一些宽度和高度适合您屏幕的滑块图像，然后滑块的高度可能为100vhxtends使其适合图像，因此为100vh。

header#header {
    background-color: transparent!important;
    box-shadow: none!important;
}