• overflow和absolute之间的问题,transfrom可以解决


    CSS代码:
    .overflow { width: 191px; height: 191px; border: 2px solid #beceeb; overflow: hidden; }
    .overflow img { position: absolute; }
    .transform { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    HTML代码:
    <p><strong>图片自身transform</strong></p>
    <div class="overflow">
        <img src="mm1.jpg" class="transform" />
    </div>
    <p><strong>overflow容器transform</strong></p>
    <div class="overflow transform">
        <img src="mm1.jpg" />
    </div>
    <p><strong>overflow和图片之间内嵌元素transform</strong></p>
    <div class="overflow">
        <div class="transform">
            <img src="mm1.jpg" />
        </div>
    </div>
  • 相关阅读:
    js的元素对象
    js实现在末尾添加节点
    js实现点击增加文本输入框
    js的DOM对象
    js其它
    js实现99乘法表
    js
    http的六种请求方法
    11.进制
    10.Debug
  • 原文地址:https://www.cnblogs.com/moxiaowohuwei/p/7727647.html
Copyright © 2020-2023  润新知