Lixlong1master 2022-06-11 17:15 采纳率: 62.5%
浏览 202
已结题

CSS悬停问题,鼠标移入DIV时,图片放大

CSS中怎么设置属性,现在我实现了将鼠标悬停到DIV的图片上时,图片进行1.1倍放大,有没有别的方法,当鼠标移入DIV时,没有悬停到图片时,图片进行1.1倍方法,且div内其他元素不放大


```html
<div id='d1'>
            <img src="./IMG/study_computer_img4.png" class="img">
            <span>
                戴尔DELL灵越燃7000 R1725G 14.0英寸轻薄窄边框笔记本电脑(i7-7500U 8G 128GSSD+1T 940MX 2G独显 FHD)金
            </span>
        </div>


```css
    #d1{
            width: 290px;
            height: 465px;
            border: 1px solid red;
            padding: 5px 5px 5px 5px;
            margin-top: 20px;
            position: absolute;
            left: 100px;
        }
        img{
            width: 290px;
            height: 265px;
        }
        #d1:hover{
            border: 3px solid red;
            cursor: pointer;
            
        }
        #d1 .img:hover {
            transform:scale(1.1);
        }
        


  • 写回答

3条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-06-11 21:43
    关注
    /* #d1 .img:hover {
      transform: scale(1.1);
    } */
    #d1:hover .img {
      transform: scale(1.1);
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 6月21日
  • 已采纳回答 6月13日
  • 创建了问题 6月11日

悬赏问题

  • ¥15 streamingtool
  • ¥15 MATLAB图像问题
  • ¥20 树莓派5做人脸情感识别与反馈系统
  • ¥15 selenium 控制 chrome-for-testing 在 Linux 环境下报错 SessionNotCreatedException
  • ¥15 使用pyodbc操作SQL数据库
  • ¥15 MATLAB实现下列
  • ¥30 mininet可视化打不开.mn文件
  • ¥50 C# 全屏打开Edge浏览器
  • ¥80 WEBPACK性能优化
  • ¥30 python拟合回归分析