Google Chromeでうまく動作しますが、FirefoxとIEでは動作しないコードがあります。mozillaとIEで画像サイズが機能しない
<asp:Image ID="Image1" runat="server" CssClass="image" />
CSSコード：ここSO上
.image{
width:50px;
height:50px;
content:url('Image.png');
}
.image:hover{
width:50px;
height:50px;
content:url('Image_Hover.png');
}
異なる人々が同じ問題に対処されました。 1つの解決方法は、content (...)をbackground-imageに変更していました。あなたの場合はbackground-image: url('Image.png');（またはホバリング画像の場合）
詳細については、this postを参照してください。 Stuart Kershawは、コメントの一つに、その動作の説明を与えた：それはChromeで動作しますなぜ
私にはわからないが、これについての説明は、あなたがして、コンテンツの属性を使用できないことです。ホバーセレクタ。 contentはfor：before /：after擬似要素を意味します。 -
編集：あなたのコードの完全な例、リンクポストからの情報に応じて変更：
.image {
height: 50px;
width: 50px;
display: block;
background-image: url('Image.png');
}
.image:hover {
background-image: url('Image_Hover.png');
}
編集2：両方の画像が同じサイズのものであり、あなたは自分のサイズを小さくしている場合CSSを50x50にするたびに、画像のサイズを50x50に拡大し、小さな画像を使用するだけで、毎回CSSで行う必要はありません。私はそれにGIMPを使う方が好きですが、イメージを希望のサイズにリサイズする無料のオンラインツールがたくさんあると思います。
CSS：
.my-img{
width:100px;
height:100px;
background-image: url('Image.png');
}
.my-img:hover {
background-image: url('Image_Hover.png');
}
HTML：
<div class="my-img"></div>
これを試してみてください。
ここでは、画像に浮遊する位置を指定していません。試してみてくださいfloat:leftそれは動作します
私はこの背景画像を試してみましたが、その作業が見つかりましたが、画像サイズはそれを行う方法では動作しません – user6503334
彼らはサイズが異なり、50pxにサイズを制限したいですか？両者は同じサイズか、もう一方よりも大きなイメージですか？ – KJaeg
@noは同じサイズです – user6503334