如何解决如何将背景颜色更改为透明?
我在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);
}
要使滑块出现在标题的背景中,您需要从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;
}
,
关注
-右键单击并检查元素 -使用crome之类的浏览器,然后单击图像中指示的图标 -在标题上方,并在聚焦时单击它 -在浏览器控制台的elements部分中,将指示element和class / id -在css文件中找到class / id,然后:
background:transparent;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。