zoukankan      html  css  js  c++  java
  • 图片放大后,右下角文字位置跟随一起变化

    <!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>

  • 相关阅读:
    九度oj题目1019:简单计算器
    九度oj题目1555:重复子串
    Java泛型
    Remove Duplicates from Sorted Array
    Add Binary
    Plus One
    Remove Element
    Remove Nth Node From End of List
    Longest Common Prefix
    Roman to Integer
  • 原文地址:https://www.cnblogs.com/zhouyx/p/4211412.html
Copyright © 2011-2022 走看看