2016-03-08 75 views
0

我的例子是在此的jsfiddle鏈接: https://jsfiddle.net/k9x4wmxk/3/CSS懸停寬度樣式

在Chrome瀏覽器中,懸停CSS樣式(系71的jsfiddle),

.photobox:hover img {width: 105%;} 

現在正是我想。懸停時圖像寬度會擴大。

但是在Firefox瀏覽器中,上面的CSS樣式改變了圖片高度,而不是寬度。

有誰知道這個問題?我該如何解決它?非常感謝!

回答

0

試試這個代碼圖像懸停

.photobox:hover img { -moz-transform: scale(2); 
    -webkit-transform: scale(2); 
    -o-transform: scale(2);} 
+0

這種運作良好。感謝提醒我這種方法:P –