我有一個site我試圖解決懸停菜單,你可以看到不正確的懸停和翻轉的每個菜單的邊界。以及最後一個菜單「CONTACT」在盤旋時不適合整個空間,或者我們可以說它在盤旋時沒有翻轉滿的空間。CSS菜單懸停在WordPress的網站
問題的圖片:
如何解決這個問題?
我有一個site我試圖解決懸停菜單,你可以看到不正確的懸停和翻轉的每個菜單的邊界。以及最後一個菜單「CONTACT」在盤旋時不適合整個空間,或者我們可以說它在盤旋時沒有翻轉滿的空間。CSS菜單懸停在WordPress的網站
問題的圖片:
如何解決這個問題?
您好療法是新的CSS
#access {
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 90%;
margin-left: 40px;
height: 55px;
border-radius: 8px;
}
#access ul {
font-size: 21px;
list-style: none;
margin: 0 0 0 -0.5em;
padding-left: 0;
border-radius: 8px;
text-shadow: 1px 1px #000;
padding: 0;
height: 55px;
display: block;
width: 100%;
margin: 0;
background-image: url('background-image.png');
}
#access li {
float: left;
position: relative;
border-style: solid;
width: 25% !important;
background-image: url('border-left-image.png');
background-position: right;
background-repeat: no-repeat;
display: block;
}
的一部分。在http://aaron.wordpresstiger.com/wp-content/themes/custom_theme/style.css上線601是您的問題:寬度:24%(從你的CSS刪除此行)
#access li:last-of-type, li#menu-item-31{
border-right: none !important;
width:24% !important;
background-image:none;
}
#access li:hover:last-of-type, li#menu-item-31{
border-right: none !important;
width:24% !important;
background-image:none;
}
EDIT :
加入您的css:
#menu-item-31 a {
width: 100%;
}
Barkek,是的,這工作。第二個問題解決了,但第一個問題仍然存在。當盤旋時它代替了菜單的右邊界。我只是想菜單懸停看起來像完全像http://officialfacebooklikes.com - 我真的很欣賞你的時間和迴應。謝啦! –
你能告訴我們的代碼?看起來像它有一個固定的寬度懸停 – DiederikEEn
確定的事情隊友,在這裏你去:http://aaron.wordpresstiger.com/wp-content/themes/custom_theme/style.css –
你應該編輯你的問題來添加你的代碼。 – pzin