我对HTML主播的背景图片有疑问,请看:
当我在firefox中调试这个网站时,我可以看到这个锚的代码是
<div class="page">
<div class="page__canvas">
<div class="header-logo-account">
<div class = "container">
<div class = "header-logo-account__container">
<a class="header-logo-account__logo" href="http://envatomarketplaces.com/">
<span>Envato Marketplaces</span>
</a>
</div>
</div>
</div>
</div>
</div>
负责的CSS定义是
.page {
min-width: 984px;
}
.page__canvas {
position: relative;
z-index: 2;
min-height: 100%;
background-color: yellow;
}
.header-logo-account {
background-color: #232323;
height: 48px;
position: relative;
}
.container {
margin: 0px auto;
width: 984px;
}
.header-logo-account__container {
position: relative;
}
.header-logo-account__logo {
position: absolute;
height: 48px;
}
我无法理解的是:css定义没有任何背景图片集,但在结果中,显然锚是用图片固定的。当我在本地机器上运行代码时,最终结果是:
我的结果与原来的结果完全不同,为什么?
现在我想也许是因为当页面加载时有些js脚本,但我不确定,即使我的猜测是对的,我也找不到哪个js文件这样做,有人可以帮我解决吗?
答案 0 :(得分:3)
背景图像设置为锚点内的范围,而不是实际锚点
取自他们的css文件:
.svg .header-logo-account__logo>span {
background: url(http://2.envato-static.com/assets/logos/envato_marketplaces-e40d7704e9b725cd1e541878ccdb45b0.svg);
background-size: 192px 16px;