顯示格：DIV沒有懸停

表明我有這樣的代碼：顯示格：DIV沒有懸停

#banner {-webkit-border-top-left-radius: 100px; -webkit-border-top-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px; position:relative;} 
#submenu { color: #fff; margin: 0 2%; position: relative; bottom: -0px; text-align: center; font-family: Oswald; font-weight: 700; font-size: 15px; padding:3px; z-index:1; visibility:hidden; opacity:0; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; } 
#banner:hover #submenu { visibility:visible; opacity:1; }

當我將鼠標懸停在#banner ID，該#submenu不會顯示。有什麼我做錯了嗎？

感謝您的幫助。

編輯：這裏是HTML代碼，如果必要的話：

<div id="banner"><div id="submenu">foo</div></div>

來源

2015-04-21 Scarlet.

工作正常。但是，在JSFiddle中，我不得不在'＃子菜單'上取下'color：＃fff'。該文本在白色背景上顯示爲白色，因此它看起來不可見。 – bowheart

檢查：http://jsfiddle.net/4mcz0axk/ 事業部被顯示出來，但顏色的文字是白色的，所以可能是不可見的。在小提琴共享中，我故意將它改爲黑色，它工作得很好。

#banner { 
    -webkit-border-top-left-radius: 100px; 
    -webkit-border-top-right-radius: 100px; 
    -moz-border-radius-topleft: 100px; 
    -moz-border-radius-topright: 100px; 
    border-top-left-radius: 100px; 
    border-top-right-radius: 100px; 
    position: relative; 
} 
#submenu { 
    color: black; 
    margin: 0 2%; 
    position: relative; 
    bottom: -0px; 
    text-align: center; 
    font-family: Oswald; 
    font-weight: 700; 
    font-size: 15px; 
    padding: 3px; 
    z-index: 1; 
    visibility: hidden; 
    opacity: 0; 
    -webkit-transition: 300ms; 
    -moz-transition: 300ms; 
    -o-transition: 300ms; 
    transition: 300ms; 
} 
#banner:hover #submenu { 
    visibility: visible; 
    opacity: 1; 
}

來源

2015-04-21 05:15:01 Ayush

顯示格：DIV沒有懸停

回答

相關問題