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