圖像的CSS效果不能在Firefox中工作

嗨，感謝您的支持，我不知道爲什麼CSS圖像效果在Firefox中不起作用。任何想法？圖像的CSS效果不能在Firefox中工作

非常感謝

.box-image-effect { 
 
    overflow:hidden; 
 
    background-color:#000; 
 
    height:217px; 
 
    width:auto; 
 
} 
 
.image-effect:hover { 
 
    -webkit-transform:rotate(13deg) scale(1.5); 
 
    -moz-transform:rotate(13deg) scale(1.5); 
 
    -ms-transform:rotate(13deg) scale(1.5); 
 
    -o-transform:rotate(13deg) scale(1.5); 
 
    transform:rotate(13deg) scale(1.5); 
 
    opacity:0.5; 
 
} 
 
.image-effect { 
 
    -webkit-transition:all 0.3s ease-out; 
 
    -moz-transition:all 0.3s ease-out; 
 
    -ms-transition:all 0.3s ease-out; 
 
    -o-transition:all 0.3s ease-out; 
 
    transition:all 0.3s ease-out; 
 
}

<div class="box-image-effect"><a href="http://209.227.255.112/cominshop2/wp-content/uploads/2015/06/1371_048AS-5-SPORTBADIA-DSC01424.jpg"><img class="alignnone wp-image-129 size-medium" src="http://209.227.255.112/cominshop2/wp-content/uploads/2015/06/1371_048AS-5-SPORTBADIA-DSC01424-290x217.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet" width="290" height="217" /></a> 
 
</div>

來源

2015-06-22 Arabianight Matemare

您的'img'標籤沒有名爲'image-effect'的類 – 2015-06-22 06:59:18

這應該工作。請將類image-effect應用於圖像。

來源

2015-06-22 07:01:27

你忘了.image-effect類添加到您的圖像

.box-image-effect{ 
 
overflow:hidden; 
 
background-color:#000; 
 
height:217px; 
 
width:auto; 
 
} 
 

 
.image-effect:hover { 
 
-webkit-transform:rotate(13deg) scale(1.5); 
 
    -moz-transform:rotate(13deg) scale(1.5); 
 
    -ms-transform:rotate(13deg) scale(1.5); 
 
    -o-transform:rotate(13deg) scale(1.5); 
 
    transform:rotate(13deg) scale(1.5); 
 
    opacity:0.5; 
 
} 
 
.image-effect { 
 
-webkit-transition:all 0.3s ease-out; 
 
    -moz-transition:all 0.3s ease-out; 
 
    -ms-transition:all 0.3s ease-out; 
 
    -o-transition:all 0.3s ease-out; 
 
    transition:all 0.3s ease-out; 
 
}

<div class="box-image-effect"> 
 
    <a href="http://209.227.255.112/cominshop2/wp-content/uploads/2015/06/1371_048AS-5-SPORTBADIA-DSC01424.jpg"> 
 
    <img class="alignnone wp-image-129 size-medium image-effect" src="http://209.227.255.112/cominshop2/wp-content/uploads/2015/06/1371_048AS-5-SPORTBADIA-DSC01424-290x217.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet" width="290" height="217" /> 
 
    </a> 
 
</div>

來源

2015-06-22 07:01:46

的Class圖像效果上不存在IMG tag.please圖像效果添加類的形象：

<img class="alignnone wp-image-129 size-medium image-effect" src="http://209.227.255.112/cominshop2/wp-content/uploads/2015/06/1371_048AS-5-SPORTBADIA-DSC01424-290x217.jpg" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet" width="290" height="217" />

來源

2015-06-22 08:06:15

圖像的CSS效果不能在Firefox中工作

回答

相關問題