6

私は一緒に働いています：

#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;
}

And I can't seem to get the :hover working properly? Not sure why, does anyone have any suggestions?

4

4 に答える 4

10

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

#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
    display: block;
}
于 2008-11-28T19:41:11.123 に答える
5

<!DOCTYPE html>HTML 文書の最初の行に記述します。ホバー サポートは、すべてのタイプの要素に対して有効にする必要があります。

于 2012-09-19T13:40:48.870 に答える
0

コメント投稿者が指摘したように、「top」は有効なセレクターではありません。「#top」または「.top」である必要があります

于 2008-11-28T18:45:48.817 に答える
0

IEでテストしていますか？IE7以下はでのみサポート:hoverします<a>（IE8についてはわかりません）

于 2008-11-28T18:51:14.063 に答える