嘴巴嘟嘟邢道荣 2022-04-24 13:18 采纳率: 76.1%
浏览 338
已结题

为什么transition: all 1s;没有效果呢?


<div class="right">
        <div>
          <a>
            <span>远程桌面管理器数据表</span>
            <span class="iconfont icon-xiafan"></span>
          </a>
          <img
            src="../../../assets/images/products/remote-desktop-manager-datasheet-en.jpg"
            alt=""
          />
        </div>
    </div>
<style>
        .right{

        }
        .right>div{
            width: 100px;
            height: 180px;
            position: relative;
            transition: all 1s;
        }
        .right>div a{
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: aqua;
            display: none;
            top:0px;
            left:0px;
            transition: all 1s;
        }
        .right>div:hover a{
            display: block;
        }
        .right img{
            width: 100%;
            height: 100%;
            background-color: red;
        }
    </style>

  • 写回答

1条回答 默认 最新

  • 雾里桃花 2022-04-24 13:37
    关注

    transtion过渡无法控制display属性,如果你的样式里写的有display的话过渡就会失效,你可以用opacity属性或者使用width和height的方式控制它的显示和隐藏

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 5月2日
  • 已采纳回答 4月24日
  • 创建了问题 4月24日

悬赏问题

  • ¥15 关于#linux#的问题(输入输出错误):出现这个界面接着我重新装系统,又让修电脑的师傅帮我扫描硬盘(没有问题)用着用着又卡死(相关搜索:固态硬盘)
  • ¥15 cv::resize不同线程时间不同
  • ¥15 web课程,怎么做啊😭没好好听课 根本不知道怎么下手
  • ¥15 做一个关于单片机的比较难的代码,然后搞一个PPT进行解释
  • ¥15 python提取.csv文件中的链接会经常出现爬取失败
  • ¥15 数据结构中的数组地址问题
  • ¥15 maya的mel里,怎样先选择模型A,然后利用mel脚本自动选择有相同名字的模型B呢。
  • ¥15 Python题,根本不会啊
  • ¥15 会会信号与系统和python的来
  • ¥15 关于#python#的问题