消失標籤即是可視

當我點擊菜單a的標題，標籤底部，顯示#sub_backbone或#sub_backbone_center#sub_backbone_end根據按鈕的位置：下面的代碼：消失標籤即是可視

/*After hover link show me the menu*/ 
div#menu ul li a:hover + #sub_backbone, 
div#menu ul li a:hover + #sub_backbone_center, 
div#menu ul li a:hover + #sub_backbone_end{ 
    opacity: 1; 
}

但在我將鼠標放在標籤#sub_backbone上之後...它消失但不應該消失，會出現一個額外的菜單。也就是說，當選擇一個標題時，當我將鼠標放在它上面時，標籤不應該消失。如何解決這種情況？

來源

2014-02-15 user3309566

它會消失，因爲您正在從a鏈接移開，導致樣式恢復爲默認值（我假定默認樣式爲#sub_backbone，其他樣式爲opacity: 0）。

的邏輯很簡單：添加一個額外的:hover風格#sub_backbone和其他人是這樣的：

#sub_backbone:hover { 
    opacity: 1 
}

請記住，如果在a和#sub_backbone元素之間沒有距離，這隻會工作。

編輯：這裏是一個jsfiddle的例子：click here。我用替換display: block

來源

2014-02-15 11:34:39 Onion

謝謝，一切正常，但現在當我打開選項卡時，我應該顯示標題菜單邊界作爲工作：懸停，但它立即消失，只顯示標題。 – user3309566

你可以用例子更新你的文章嗎？或者可能是發佈作爲jsfiddle – Onion

是的。這是代碼：http：//jsfiddle.net/k7nvr/ – user3309566

消失標籤即是可視

回答

相關問題