我在 prestashop有这个网站
我想将标题的背景更改为透明。
滑块应该像本网站一样出现在标题的背景中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,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);
}
要使滑块出现在标题的背景中,您需要删除margin-top
fromiviewSlider
元素:
.page-index .iviewSlider {
margin-top: 0; /* here set margin-top to 0, if not working, try to set as margin-top: 0 !important */
}
那么您的网站将如下所示
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句