gpt4 book ai didi

html - Firefox 不显示 Logo ,而 Chrome 显示

转载 作者:行者123 更新时间:2023-11-28 03:22:34 24 4
gpt4 key购买 nike

我有以下 CSS:

 #logo{
content: url(../images/logo.svg) 0 0 no-repeat;
background-color: black;
margin-top: 30px;
height: 20px;
width: 100px;
}
#logo-container{
background-color: black;
margin-top: 0px;
height: 65px;
width: 100px;
}

用那个 html:

<div class="col-md-1 col-md-offset-1 col-xs-3 ">
<div id="logo-container"><a id="logo" href="#firstpage" data-target="start" title="EPIC Companies"></a></div>
</div>

Chrome 正确显示 Logo ,而 Firefox 显示黑色矩形(仅容器)。我做错了什么?

最佳答案

content 只能用在伪元素中,例如 :after:before

所以这样使用它:

#logo:after {
content: url(../images/logo.svg) 0 0 no-repeat;
background-color: black;
margin-top: 30px;
height: 20px;
width: 100px;
}

关于html - Firefox 不显示 Logo ,而 Chrome 显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23541661/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com