hznn
2015-07-09 14:35
crtl-i里的图片始终继承不了它的宽度高度
对于绝对定位的子无素,要是其外层的所有元素中都没有用position:relative,则width:100%是基于body,否则就是离基最近的一个position:relative的元素。
所以只要给ctrl-i 加一个position:relative 就可以了。
<div class="ctrl">
<li> <a class="ctrl-i" href="#"><img src="imgs/1.jpg" /> </a></li>
</div>
.ctrl-i{ display:inline-block; width:150px; height:13px; background-color:#666; box-shadow:0 1px 1px rgba{0,0,0,0.3); position:relative;}
.ctrl-i img{width:100%; position:absolute; left:0; bottom:13px; z-index:1;}
就是这个小图始终高度是原图片高度
求代码
JS+CSS3实现带预览图幻灯片效果
53759 学习 · 265 问题
相似问题