：＆lt; span＆gt;にカーソルを合わせます要素

StackOverflow https://stackoverflow.com/questions/326396

  •  11-07-2019
  •  | 
  •  

質問

私は以下で作業しています：

#top ul li.corner span.right-corner:hover
{
    background-image:url("images/corner-right-over.gif");
    width:4px;
    height:15px;
    float:left;
}

#top ul li.corner span.left-corner:hover
{
    background-image:url("images/corner-left-over.gif");
    float:left;
    width:4px;
    height:15px;
}

そして、：hover が適切に機能しないようです。なぜか、誰にも何か提案はありますか？

役に立ちましたか？

解決

問題は、SPAN要素がデフォルトでインラインで表示されること、つまり高さと幅がないことだと思います。以下を追加して、ブロックレベルの要素を明示的に作成してみてください。

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}

他のヒント

＆lt;！DOCTYPE html＆gt; をHTMLドキュメントの最初の行に記述します。ホバーサポートは、すべてのタイプの要素に対して有効にする必要があります。

コメンターが述べたように、「トップ」有効なセレクタではありません。 ＆quot;＃top＆quot;である必要がありますまたは＆quot; .top＆quot;

IEでテストしていますか？ IE7以下では、＆lt; a＆gt; で：hover のみをサポートしています（IE8についてはわかりません）

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top