2
我的工作在我的網站,今天我有腦崩潰。如何糾正CSS3導航UL A:活躍的背景填充問題
首先這裏是我在哪裏: http://www.lenniemoore.com/home.html 以及相關的css文件: http://www.lenniemoore.com/assets/desktop.css
在我的導航欄菜單中,我所擁有的一切風格和做工精細的背景顏色除了一:主動元件。當我單擊或單擊並按住菜單項上的鼠標按鈕時,背景形狀與其他元素的形狀不同。
我認爲這是一個填充問題,但我一直在梳理經過我的所有的CSS一整天,只是我沒有看到的罪魁禍首。
下面是相關的CSS代碼從desktop.css:
ul{list-style-type:none;margin:0 0 5px -35px;}
.content ul,.content ol{padding:0 15px 15px 40px;}
#navigator nav{clear:both;width:950px;padding:4px 0;background:#06c;background:-moz-linear-gradient(-90deg,rgba(0,40,80,0),rgba(0,40,80,0.5)),#06c;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,40,80,0)),to(rgba(0,40,80,0.5))),#06c;background:-o-gradient(linear,left top,left bottom,from(rgba(0,40,80,0)),to(rgba(0,40,80,0.5))),#06c;overflow:auto;border-radius:20px;box-shadow:-3px 3px 2px rgba(64,64,55,0.4);}
nav ul a,nav ul a:visited{padding:0;margin:0 0 2px 0;display:block;}
nav li,nav li a{-moz-transition-duration:0.25s;-webkit-transition-duration:0.25s;-o-transition-duration:0.25s;}
nav li{float:left;width:130px;padding:0 0 5px 0;margin:0 5px 0 0;}
nav li a{display:block;text-align:center;line-height:normal;vertical-align:middle;font-size:120%;font-weight:bold; text-shadow:-2px 2px 0px rgba(0,0,0,1),0px 0px 5px rgba(0,0,0,1);text-decoration:none;color:#eee;}
nav ul a,nav ul a:visited,nav ul a:focus,nav ul a:active,nav li,nav li.current{border-radius:13px;}
nav ul a:focus,nav ul a:active,nav li.current,nav li:hover{box-shadow:0px 1px 5px black;}
nav ul a:focus,nav ul a:active,nav li.current{background:#900;background:-moz-linear-gradient(-90deg,rgba(0,0,0,0.2),rgba(0,0,0,0)),#900;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0))),#900;background:-o-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0))),#900;color:#eec;text-shadow:-1px 1px 0px rgba(0,0,0,1),-2px 2px 5px rgba(0,0,0,0.5);}
nav li:hover{background:#ffd;background:-moz-linear-gradient(-90deg,rgba(0,0,0,0.2),rgba(0,0,0,0)),#ffd;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0))),#ffd;background:-o-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0))),#ffd;}
nav li:hover a{color:#900;text-shadow:-2px 2px 0px rgba(0,0,0,1),-3px 3px 5px rgba(0,0,0,0.5);}
任何幫助,將不勝感激!
謝謝。我已經完成了你的建議(並且它非常有意義),但我仍然沒有找到解決方案。今天早上去探討CSS文件,看看我能否隔離這個問題... – user1681437
找到了!這是什麼我有兩個CSS文件之間正在進行的導航UL A組合,再加上額外的邊距值,資產淨值UL A:參觀 – user1681437
酷,那一切正常!奇怪我的解決方案沒有奏效。它完美地固定在我的最後。我應該刪除我的答案嗎? – joshnh