crtl-i里的图片始终继承不了它的宽度高度

来源:2-1 距离底部有点距离

hznn

2015-07-09 14:35

crtl-i里的图片始终继承不了它的宽度高度

写回答 关注

3回答

  • HZFEStudio
    2016-02-26 16:04:02

    对于绝对定位的子无素,要是其外层的所有元素中都没有用position:relative,则width:100%是基于body,否则就是离基最近的一个position:relative的元素。

    所以只要给ctrl-i 加一个position:relative 就可以了。

  • hznn
    2015-07-14 13:42:51

     <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;}

    http://img.mukewang.com/55a4a10c00012d6910900187.jpg

    就是这个小图始终高度是原图片高度

  • 浅水了
    2015-07-10 17:18:58

    求代码

    hznn

    <div class="ctrl"> <li> <a class="ctrl-i" href="#"><img src="imgs/1.jpg" /> </a></li> </div>

    2015-07-14 13:45:32

    共 2 条回复 >

JS+CSS3实现带预览图幻灯片效果

同样的幻灯片,不一样的切换,学会实现思路,操作很简单

53759 学习 · 265 问题

查看课程

相似问题