當按下鏈接時出現白色矩形

我在懸停或點擊時在背景上製作一個帶有border-radius：5px的簡單菜單。當按下鏈接時出現白色矩形

我注意到，一瞬間，當我點擊它的矩形邊框，填充白色出現，然後去圓（FF和IE11）

www.lo.ee-web.co.uk

我想提出一個Joomla模板和拉動詮釋他的引導代碼，但不使用它（把它留在的情況下，我把所有的插件在以後的日子可能希望它）

我想它可能需要重寫一些引導CSS的，所以我嘗試添加樣式爲：主動，但似乎沒有幫助。我還注意到，如果我再次按一個鏈接，它不會這樣做，所以我猜這是因爲緩存。

有沒有辦法阻止這個令人討厭的盒子？

感謝

來源

2014-05-23 maxelcat

嘗試將背景色設置爲透明。你的情況的CSS是：

您確有template.css連接到您的HTML雖然，在那裏，我發現這一點：

nav ul#mainMenu li a:hover, nav ul#mainMenu li.active a { 
    background-color:#3d4d42; 
    background-color:#597060; 
    border-radius:5px; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#cdcdcd)); 
    background: -webkit-linear-gradient(top, #efefef, #cdcdcd); 
    background: -moz-linear-gradient(top, #efefef, #cdcdcd); 
    background: -ms-linear-gradient(top, #efefef, #cdcdcd); 
    background: -o-linear-gradient(top, #efefef, #cdcdcd); 
    color:#597060; 
}

這可能會導致白色背景。

如果你改變這個，你可能可以修復它。

否則，你也可以試着給你的CSS文件的新屬性爲背景，使其透明（或任何你想要的顏色），給它Background-color: transparent;

如果不工作，也許你應該嘗試它與！重要的。

這樣：Background-color: transparent !important;

來源

2014-05-23 11:06:02

謝謝 - 試過這個 - 相同的結果。與！也一樣重要。 – maxelcat

嘗試添加背景顏色：透明的原始鏈接狀態，似乎已經解決了它...所以你是對的！謝謝 – maxelcat

在CSS中添加此行：

a, a:active, a:focus, a:visited{outline:none;}

來源

2014-05-23 11:02:29 Gaurav

增加 - 這 - 外繞虛線已經走了，但是矩形仍帶有直角拐角，沒有曲線，該曲線在幾分之一秒閃後 – maxelcat

第一渲染我已經注意到如果我將bootsrap css文件註釋掉，那麼這不會發生 - 我想知道這是否僅僅是代碼的填充效果...（我確實希望將bs文件放在...中） – maxelcat

當按下鏈接時出現白色矩形

回答

相關問題