私は学習の過程にいますが、問題があります。cssの背景画像でフッターを作成し、リンクにしました。使用されたテキストインデント: -9999px; フッター画像の上にある H1 を削除します。h1 をそこに記述して意味的に正しくするように言われたので、検索エンジンはまだそれを認識しています。そして、テキストインデントで非表示にします。そのフッターの上に、リンクとしてクリックできる 4 つのソーシャル メディア アイコンを配置したいと考えています。私は立ち往生し続けます。
<footer id="footer">
<section id="socialmedia">
<a href="http://www.facebook.com/BenoitBelgium">
<img src="../images/facebook.png" width="56" height="54" alt="Facebook icon" title="Go to Facebook." />
</a>
<a href="http://www.facebook.com/brilliantben">
<img src="../images/pinterest.png" width="54" height="54" alt="Pinterest icon" title="Go to Pinterest" />
</a>
<a href="http://www.facebook.com/BenoitBelgium">
<img src="../images/twitter.png" width="54" height="54" alt="Twitter icon" title="Go to Twitter." />
</a>
<a href="http://www.facebook.com/BenoitBelgium">
<img src="../images/behance.png" width="55" height="54" alt="Behance icon" title="Go to Behance." />
</a>
</section>
<h1><a href="#">Goodbye, feel free to follow</a></h1>
</footer>
そしてこれが私のCSSです。
#footer {
background-image: url(../images/footer.png);
height:214px;
width: 960px;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
border-style: solid;
border-width: 1px;
}
#footer a {
text-indent: -9999px;
height:214px;
width:100%;
display:block;
}
ありがとう