• 图片放大后,右下角文字位置跟随一起变化


    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style>
                .img{200px;height:130px;position: relative;}
                .img:hover{
                    transform:scale(3);
                    z-index:9999;
                    -ms-transform: scale(3);    /* IE 9 */
                    -webkit-transform: scale(3);    /* Safari 和 Chrome */
                    -o-transform: scale(3);    /* Opera */
                    -moz-transform: scale(3);    /* Firefox */
                    }
                .num{position: absolute;right:0;bottom:0;}
            </style>
        </head>
        <body>
            <ul>
                <li class="img">
                    <img src="1355060775.jpg"  />
                    <a href="#" class="num">2张</a>
                </li>
            </ul>
        </body>
    </html>

  • 相关阅读:
    error: with modifiers "public "
    移除元素
    删除有序数组中的重复项
    最长公共前缀
    如何杀死window进程
    IDEA卡顿问题
    合并两个有序链表
    开闭原则
    字符集和sql语句GROUPBY查询的版本问题
    里氏替换原则
  • 原文地址:https://www.cnblogs.com/zhouyx/p/4211412.html
Copyright © 2020-2023  润新知