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

问题描述

我在prestashop中有this website

我想将标题的背景更改为透明。

滑块应出现在标题的背景中，就像在此网站https://demotheme.site/prestashop/at_nova_demo/en/home-7.html中一样。我正在尝试以检查模式执行此操作，但是我无法执行此操作。

解决方法

您需要更改两个CSS属性以使标头透明：

页面未向下滚动时：

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

滚动页面时，也需要更改此内容：

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

check here

要使滑块出现在标题的背景中，您需要从margin-top元素中删除iviewSlider：

.page-index .iviewSlider {
    margin-top: 0; /* here set margin-top to 0,if not working,try to set as margin-top: 0 !important */
}

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

,

使用此代码

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

,

inspector tool

关注

-右键单击并检查元素 -使用crome之类的浏览器，然后单击图像中指示的图标 -在标题上方，并在聚焦时单击它 -在浏览器控制台的elements部分中，将指示element和class / id -在css文件中找到class / id，然后：

background：transparent;