eleme Html CSS 设置鼠标停靠显示图片

目录

 

前言

Style的css类的处理

vue的处理

前言

最近在是element的组件开发vue页面，遇到了一个问题，如何处理鼠标停靠显示图片的功能。

找了很多的组件，发现并没有这方面的介绍，于是 只能使用原生的html、css来处理了

Style的css类的处理

 .partnerticheng :hover::after{

        content:'';

        width:600px;

        height:180px;

        border:5px solid white;

        background: url(Partnerticheng.png) top center;

        background-size:100% auto;

        position:absolute;

        top:50px;

        left:0;

        z-index:22;    

        }

 

vue的处理