2017-02-09 16 views
2

私はdivcursor:pointerを使用しようとしましたが、それでもホバリング時にデフォルトのカーソルタイプを取得します。私は間違って何をしていますか?カーソルタイプのポインタは推奨されていませんか?

他のライブサイトも確認しましたが、この問題は全面的に発生しています。それが非難されているか、何か間違っているかどうかはわかりません。

div{ 
 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
} 
 
div:hover{ 
 
    cursor:pointer 
 
}
<div> 
 

 
</div>

+0

私は手を得ている間にそれをあなたの意図した結果ですか? –

+0

私はいつも 'cursor:pointer; cursor:hand;'という16年前の古いレガシーブラウザの原因です。それは私のシステムに詰まっている。 – Tschallacka

+0

[ユーザーがリスト項目の上にカーソルを置いたときにカーソルを手にするにはどうすればよいですか?](http://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-手書きのときにリストアイテムを手に入れたとき) – Banzay

答えて

0

使用

div:hover{ 
    cursor: pointer; 
    cursor: hand; 
} 

サポートされていません/無効な値がCSSの仕様に従って無視され、次の行がされると、繰り返し1を2つのプロパティを使用することにより実行される。

私はこれを、ネットスケープナビゲータ/ Internet Explorerが戦いますので、何年も使用していますが、時には両方を使用する必要があることもあります。

1

hereにチェックインすることができますので、これは非推奨ではありません。ブラウザの互換性情報もこのWebサイトにあります。

このウェブsiteとの互換性を確認できます。完全な情報を得る。

0

カーソルポインターが無効になっていないため、ブラウザーにバグがある可能性があります。この例では、カーソルタイプを区別できます。あなたの迅速な対応のためのAlso check this website for reference

#a1{ 
 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
} 
 
#a2{ 
 
    width:100px; 
 
    height:100px; 
 
    background:blue; 
 
} 
 
#a3{ 
 
    width:100px; 
 
    height:100px; 
 
    background:green; 
 
} 
 
#a3:hover{ 
 
    cursor:default 
 
} 
 
#a2:hover{ 
 
    cursor:pointer 
 
} 
 
#a1:hover{ 
 
    cursor:help 
 
}
<div id="a1"> 
 

 
</div> 
 
<div id="a2"> 
 

 
</div > 
 
<div id="a3"> 
 

 
</div >

1

感謝。あなたたちはそれを信じません。コメントにluciferousが示唆したように。私はPhotoshopをやめようとしました。それはGEMのように働いた。しかし、何がブラウザのカーソルポインタを処理するためにオフにPhotoshopの理由かもしれない。しかし、まだ問題は解決されています。これは面白い解決策かもしれませんが、それは働いた

+2

Naice :) ...私が言ったように...¯\ _(ツ)_ /¯.. – semuzaboi

関連する問題