高さと分の高さがFirefoxで機能していません

Question

私の3Dデザインは、chromeでは期待通りに機能していますが、Firefoxではうまくいきません！

私は空のイメージタグを持っているので、それを塗りつぶす必要があるので、最小の高さを与えても動作しません。また、固定高さを使用しようとすると、どちらも動作しません！私は解決策を見たことがありますが、私と一緒に働いたのはdisplay：blockですが、意図したとおりにCSSが表示されず、Firefoxで調整しようとすると問題が解決します設計; overflow :hiddenが動作しない

<ul> 
    <li> 
    <div> 
     <img /> 
    </div> 
    </li> 
</ul> 

li {display:inline; float:left;} 
li img{width:300px;height:380px;} 

表示ブロックの横に別の方法がありますか？

Answer 1

Firefoxで壊れた画像を指定の幅と高さで表示するには、-moz-force-broken-image-iconプロパティを使用できます。
このMozilla固有のプロパティは、他のブラウザでは無効です。

li { 
 
    display: inline; float: left; 
 
} 
 

 
li img { 
 
    width: 300px; height: 380px; 
 
    -moz-force-broken-image-icon: 1; 
 
}

<ul> 
 
    <li> 
 
    <div><img></div> 
 
    </li> 
 
    <li> 
 
    <div><img></div> 
 
    </li> 
 
</ul>