1

私はこのdivを持っています..:

    <a href="/"><div id="logoCover" style="position: absolute;width: 341px;height: 100px;z-index: 9999;top: 0px;left: 0px;"></div></a>

divの問題は、背景色を指定した場合、ie8でのみ表示されることです。そうでなければ、divは存在しません。つまり、ユーザーはそれをクリックできません。ie8でその動作が一般的である理由と、それを防ぐにはどうすればよいですか。

更新: これは、divを配置しようとする要素です:

#logo {

    float: left;
    height: 93px;
    }

ロゴは画像です

フルHTML:

<div id="logo" style="position:relaive;"> 
    <a href="/" style="position: absolute;padding:60px;padding-right: 300px;z-index: 9999;top:-20px;left: 0px;;display:block;" ></a>

      <img src="images/BestCam_logo.png" width="1009px" />
    </div>
4

3 に答える 3

2

<div><a>タグは、標準HTML内のタグのコンテンツとしてサポートされていません。一部のブラウザはこれに対応しようとしますが、実際にはすべてのブラウザ実装に依存して同じように処理することはできません。

ただし、<a>タグをblock要素(inlineデフォルトでは要素)にして、スタイルを<div>タグからタグに移動することはできます<a><div>これにより、例の内部タグも不要になります。

<a href="/" style="display: block; position: absolute;width: 341px;height: 100px;z-index: 9999;top: 0px;left: 0px;"></a>

于 2012-08-13T13:27:44.673 に答える
0

display:blockを追加するか、''も挿入してみてください。また、相対divも正しくレンダリングされていることを確認してください。

それがお役に立てば幸いです。

于 2012-08-13T13:19:08.740 に答える
0
   <div id="logo" style="position:relaive;"> 
        <a href="/" style="position: absolute;padding:60px;padding-right: 300px;z-index: 9999;top:-20px;left: 0px;;display:block;background-image: url('images/emptyImage.png')" ></a>

      <img src="images/BestCam_logo.png" width="1009px" />
    </div>

問題を解決しました。私がしなければならなかったのは、背景として透明な画像を使用することです。

于 2012-08-13T14:02:48.657 に答える