贴上样式代码：
/*幻灯片的切换*/
.slider .main .main-i{
opacity:0;
position:absolute; /*执行后无法显示图片*/
right:50%;
top:0;
}
.slider .main .main-i_active{
opacity:1;
}
Chrome浏览器，开发工具选中图片后显示为图片缩在左上角0px x 0px，但连个标题均正常显示。
使用绝对定位前：
使用绝对定位后：
麻烦各路大神帮小生解决一下，感激！！
2016-05-14
原因就是没有设置宽高。
这个类在视频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”，那你就在网页调试中设置个宽高试试呗，通过结果再回去复查代码~（不过当时你可能（像我一样）被绝对定位的问题吸吸吸住了...）
举报
