gpt4 book ai didi

css - anchor 图源不显示的问题

转载 作者:太空宇宙 更新时间:2023-11-04 16:24:11 24 4
gpt4 key购买 nike

我不明白为什么 <a> 上的图像没有显示。我做错了什么?

<section class="group">
<section id="projects" class="module">
<h1 class="">To help you decide</h1>
<article>
<div class="portfolio-item">
<a href="#"><img src="images/work-sample1.jpg" alt="" /></a>
<p class="btn"><a href="#">See more</a></p>
</div>
<div class="portfolio-item">
<a href="#"><img src="images/work-sample2.jpg" alt="" /></a>
<p class="btn"><a href="#">See more</a></p>
</div>
<div class="portfolio-item">
<a href="#"><img src="images/work-sample3.jpg" alt="" /></a>
<p class="btn"><a href="#">See more</a></p>
</div>
</article>
</section><!-- #projects -->

CSS

    #content .portfolio-item {
width: 140px;
padding: 4px;
background: #eee;
text-align: center;
float: left;
margin: 24px 7px 14px 7px;
display: block;
height: 80px;
}
#content .portfolio-item p.btn {
margin: 0;
}
#content .portfolio-item p.btn a {
display: block; width: 142px; height: 29px; padding: 7px 0 0 0;
background: url();
font-weight: bold; text-align: center; text-transform: uppercase;
text-decoration: none;
}

最佳答案

您的网址似乎有误。它对我有用:http://jsfiddle.net/seler/NJxYx/

关于css - anchor 图源不显示的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5929967/

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