亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

鼠標hover離開了父元素位置,子元素就消失,但是父子元素間有空隙怎么辦,如圖

鼠標hover離開了父元素位置,子元素就消失,但是父子元素間有空隙怎么辦,如圖

拉莫斯之舞 2019-03-14 18:14:57
.app-main .main-header{    position: relative;    display: flex;    height: 70px;    background-color: #f5f5f7;    box-sizing: border-box;    border-bottom: 1px solid #cdd0d1;    cursor: pointer;}.app-main .main-header .header-dialog{    display: none;    position: absolute;    top: 80px;    left: 45px;    width: 120px;    height: 135px;    padding: 25px;    background-color: #fff;    box-sizing: border-box;    z-index: 1000;    box-shadow:1px 1px 5px 5px rgba(6, 15, 24, 0.1)}hoverFn()function hoverFn(){    $('.app-main .main-header .header-left').hover(function(){        $('.app-main .main-header .header-dialog').fadeToggle();    })}
查看完整描述

4 回答

?
拉丁的傳說

TA貢獻1789條經驗 獲得超8個贊

這樣挺美觀的... 開玩笑~都絕對定位了,為什么不網上挪挪呢?你的意思是鼠標點不到創建XX是嗎;


查看完整回答
反對 回復 2019-03-18
?
四季花海

TA貢獻1811條經驗 獲得超5個贊

子元素用margin-top:負值移動和父元素連接起就行了


查看完整回答
反對 回復 2019-03-18
?
隔江千里

TA貢獻1906條經驗 獲得超10個贊

這種情況一般都是設置個定時器,如300毫秒,這個時間足夠你移動到下面了,300毫秒后判斷隱藏


查看完整回答
反對 回復 2019-03-18
?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

純css的話要不就在外面包裹一個透明div擴大一下范圍,要不就往上移動一點。。或者用偽元素


.app-main .main-header .header-dialog:before{

    display:block;

    content:''

    position:absolute;

    height: 10px;

    width:100%;

    top:-10px;

    left:0; 

}


查看完整回答
反對 回復 2019-03-18
  • 4 回答
  • 0 關注
  • 2064 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號