9分35秒，在設(shè)置幻燈片切換樣式（.slider .main .main-i）樣式時(shí)，一旦絕對(duì)定位后兩張圖片均無(wú)法顯示。
貼上樣式代碼：
/*幻燈片的切換*/
.slider .main .main-i{?
???? opacity:0;
???? position:absolute; /*執(zhí)行后無(wú)法顯示圖片*/
???? right:50%;
???? top:0;
}
.slider .main .main-i_active{
???? opacity:1;
}
Chrome瀏覽器，開(kāi)發(fā)工具選中圖片后顯示為圖片縮在左上角0px x 0px，但連個(gè)標(biāo)題均正常顯示。
使用絕對(duì)定位前：
使用絕對(duì)定位后：
麻煩各路大神幫小生解決一下，感激??！
2017-06-08
同樣的問(wèn)題
2016-10-27
給它的父級(jí)設(shè)置高度即main-i{ height:100%}即可
2016-07-24
同樣的問(wèn)題，求解。
2016-06-10
你的問(wèn)題解決了嗎？我和你一樣，求知道解決方法，謝謝！
2016-05-25
原因就是沒(méi)有設(shè)置寬高。
這個(gè)類在視頻2-1的4:27秒出現(xiàn)第一次，老師說(shuō)了句“’.slider .main .main-i‘沒(méi)有什么特殊的，我們就設(shè)置得和.main一樣就可以了?！比缓髮ⅹ?dú)立的“.slider .main .main-i”設(shè)置成：
.slider .main .main-i，
.slider .main,
.slider
{
?? ??? ?width: 100%;
?? ??? ?height: 400px;
?? ??? ?position: relative;
}
從你貼出圖片的部分代碼中看出應(yīng)該只設(shè)置了一次樣式。往上翻到最開(kāi)頭，檢查一下代碼，自己設(shè)置一個(gè)寬高就可以了。
其實(shí)你自己列出的條件中已經(jīng)包括了“顯示為圖片縮在左上角0px x 0px”，那你就在網(wǎng)頁(yè)調(diào)試中設(shè)置個(gè)寬高試試唄，通過(guò)結(jié)果再回去復(fù)查代碼~（不過(guò)當(dāng)時(shí)你可能（像我一樣）被絕對(duì)定位的問(wèn)題吸吸吸住了...）
2016-05-15
我的也是