hover事件导致闪烁问题

最新推荐文章于 2023-07-07 16:10:41 发布

qq_43469899

最新推荐文章于 2023-07-07 16:10:41 发布

阅读量3.3k

点赞数

分类专栏： vue 文章标签： vue hover闪烁

本文链接：https://blog.csdn.net/qq_43469899/article/details/103011093

版权

在修改使用iview样式的前端项目时，遇到hover事件导致元素消失和闪烁的问题。通过尝试设置z-index和定位解决，最终在父容器添加相对定位成功解决了问题。

摘要由CSDN通过智能技术生成

今天博主在做前端的时候遇到了一个特别头疼的问题:
在拿到一个已经做了的项目来修改样式的时候,发现样式内嵌套了ivew的样式,导致hover事件出现两个问题

<div class="bottom-panel" v-if="showActiveLayerList">
                <div class="title">
                    {
  {la.name}}
                    <div class="close-panel">
                        <i class="iconfont icon-baseline-close-px"></i>
                    </div>
                    <div class="query-panel ">
                        <Input suffix="ios-search" v-model="xmmc" placeholder="名称" style="width: 180px;z-index:99999" @on-enter="query"/>

                    </div>
                </div>
                <Row class="header-row">
                    <Col span="8">
                        <div class="item item-header">名称<