1
我正在一個圖片庫，當我試圖驗證代碼時，它在圖庫中的每個圖像中給出了兩個錯誤。 此時img元素不允許屬性atl。屬性atl不允許在元素img在這一點
img元素必須具有alt屬性，但某些 條件下除外。有關詳細信息，請參閱爲圖像提供替代文字 的指導。 這是我的代碼/：
@charset "UTF-8";
.thumbnailss {
\t border-style: none;
\t width: 250px;
\t height: 250px;
\t padding-left: 4px;
\t padding-right: 4px;
\t padding-top: 4px;
\t padding-bottom: 4px;
}
.italic { font-style: italic; }
.small { font-size: 0.8em; }
/** LIGHTBOX MARKUP **/
.lightbox {
\t /** Default lightbox to hidden */
\t display: none;
\t /** Position and style */
\t position: fixed;
\t z-index: 999;
\t width: 100%;
\t height: 100%;
\t text-align: center;
\t top: 0;
\t left: 0;
\t background: rgba(0,0,0,0.8);
\t margin-top: 50px;
}
.lightbox img {
\t /** Pad the lightbox image */
\t max-width: 90%;
\t max-height: 80%;
\t margin-top: 2%;
}
.lightbox:target {
\t /** Remove default browser outline */
\t outline: none;
\t /** Unhide lightbox **/
\t display: block;
}<!-- thumbnail image wrapped in a link -->
<a href="#img1">
<img src=../images/night/night_thumbnails/night_thumbs_01.jpg" atl="Monument Valley" class="thumbnailss">
</a>
<!-- lightbox container hidden with CSS -->
<a href="#_" class="lightbox" id="img1">
<img src="../images/night/night_thumbnails/night_thumbs_01.jpg" atl="Monument Valley">
</a>