यानी 7 अंक में सीएसएस ड्रॉपडाउन मेनू

यहाँ मेरी समस्या है। सब कुछ यानी 7 (बेशक) को छोड़कर काम कर रहा है। ड्रॉपडाउन मेनू प्रदर्शित नहीं होता है।

क्या कोई कामकाज जानता है? एफवाईआई, डॉक्टरेट सेट है। (अगर कोई पूछता है)

अंत में मेरा कोड यहाँ है ...

आपकी सहायता के लिए धन्यवाद


सीएसएस

.menu {
    margin:0;
    padding:0;
    border-collapse:collapse;
}

.menu li {
    list-style:none;
    float: left;
}

.menu li a:link, .menu li a:visited {
    display:block;
    text-decoration:none;
    background-color:#10509e;
    padding: 0.5em 2em;
    margin:0;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
        color:white;
}

.menu li a:hover {
    background-color:white; 
    color: #10509e;
    outline:1px solid black;
}

/*style the sub menu*/
.menu li ul {
    position:absolute;
    display: none;
    border-top:1px solid #fff;
    margin:0;
    padding:0;
    z-index: 999;
}

.menu li ul li {
    display:inline;
    float:none;
    width: 100%;
}

.menu li ul li a:link, .menu li ul li a:visited {
    background-color:#10509e;   
    color: white;
    width:auto;
}

.menu > li:hover ul {
    display: block;
    display: table-cell;
}

.menu li ul li a:hover {
    background-color:white; 
    color: #10509e;
}
0
जोड़ा लेखक neshpro9, स्रोत

1 उत्तर

display: table-cell is not supported in IE7. Removing it should solve the problem.

http://jsbin.com/ugIfAJi/1

0
जोड़ा