-1

実際、私のコードは以下のようなものです。

<div id="logoSec"></div>
<style>
#logoSec {
    background-image: url("http://c.mtro.co/am/i/amlogo.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 66px;
    width: 100%;
} 
</style>

そこで画像にALTをつけたいと思います。では、どうすればそれを与えることができますか？ブーツが見えるように。

4

1 に答える 1

2

通常、画像に alt 属性を付けたい場合は、背景画像で div を作成するのではなく、img タグを使用する必要があります。このような：

<img src="http://c.mtro.co/am/i/amlogo.png" alt="Your alt text">

ただし、この画像が会社のロゴである場合 (そのように見えます)、h1 要素を使用し、テキストを画像に置き換えることをお勧めします。これはセマンティックであり、検索エンジンによってよりよく理解されます。次のようになります。

HTML

<h1 class="logo">America's Mattress</h1>

CSS

h1.logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("http://c.mtro.co/am/i/amlogo.png") no-repeat center center;
  height: 66px;
  width: 100%;
}

この画像置換テクニックの詳細については、次を参照してください: REPLACING THE -9999PX HACK (NEW IMAGE REPLACEMENT)

于 2012-12-06T21:08:19.067 に答える