固定ディビジョンに画像が表示されない

Question

何らかの理由で、作成しようとしている画像に画像が表示されません。 それはおそらく私がちょうど完全に欠けている簡単な修正です。

（単なる一例として、ランダムな画像を使用）

https://jsfiddle.net/57053L6h/

スニペット：

.alert { 
 
    \t position: fixed; 
 
    \t bottom: 0px; 
 
    \t height: 75px; 
 
    \t width: auto; 
 
    \t margin: 0; 
 
    \t padding: 0; 
 
    \t padding-right: 50px; 
 
    \t background-color: rgba(0, 0, 0, 0.45); 
 
    \t display: table; 
 
    \t font-weight: bold; 
 
} 
 

 
.alert p { 
 
\t color: white; 
 
\t display: table-cell; 
 
    \t vertical-align: middle; 
 
    \t text-align: center; 
 
} 
 

 
.alert .icon { 
 
\t max-height: 100%; 
 
\t max-width: 100%; 
 
\t /*animation: bounce 2s infinte;*/ 
 
}

<div class="alert"> 
 
    <img class="icon" src="https://image.freepik.com/free-icon/user-male-silhouette_318-55563.png" /> 
 
\t <p>Lorem ipsum<br> 
 
\t I can only remember lorem ipsum lol</p> 
 
</div>

Answer 1

たぶん、あなたはあなたが実際に

をしたいの最大幅を設定してみたいです

.alert .icon { 
     max-width:100px; 
    }