如果背景漸變，如何將邊框顏色更改爲背景顏色？

我想改變我的活動菜單項的底部邊框爲網站背景顏色，所以它看起來像一個打開的標籤，但我的背景是漸變的，所以它在網站的不同部分有不同的顏色。我怎麼做。我無法將它更改爲無，因爲我有另一個邊界，在我需要覆蓋的整個菜單下。這是我的網站的鏈接 http://woodworkingoc.com.hostasp.info/如果背景漸變，如何將邊框顏色更改爲背景顏色？

來源

2012-09-26 Mr1159pm

如果底部邊框將始終顯示相對於所有的瀏覽器的背景顏色相同的地方，然後就確定在特定點的顏色。如果這是您遇到的麻煩，您可以使用顏色選擇器實用程序將其從瀏覽器中抽取出來。 – kinakuta

不是我支持這種方法;你應該只是使用一個圖像;但是你可以做的是打印你的網頁，將它粘貼到圖像編輯器中，放大到線條的位置，然後使用滴管工具確定直接在邊框線旁邊的漸變BG的十六進制顏色。使用這種顏色... –

@kinakuta根據用戶的屏幕大小，它可能會略有不同，但如果沒有其他方法，我會給它一個鏡頭。謝謝！ – Mr1159pm

我檢查了.CSS文件。

對於nav > ul li.current您有background屬性，前綴爲FF，IE和Chrome。但是這個屬性有問題，所以Chrome和FF在web檢查器中隱藏了這個屬性，而不是將它應用到元素。如果正確寫入屬性，則將梯度應用於li元素並覆蓋<div id="layout-navigation" class="group">的底部邊界。

使用梯度生成器（如http://www.colorzilla.com/gradient-editor/）創建正確的梯度規則。例如：

nav > ul li.current { 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B9BDBF), color-stop(100%, #5C5E5F)) fixed; 
}

來源

2012-09-26 18:41:07 doktorgradus

我嘗試了colorzilla，它們的自動生成的漸變被搞亂了。他們有時出來作爲一堆條紋，或者如果頁面是一半的屏幕，然後漸變看起來像兩個漸變複製每頁上的一半。我非常滿意我擁有的那些。他們非常微妙，但我喜歡他們。 – Mr1159pm

如果背景漸變，如何將邊框顏色更改爲背景顏色？

回答

相關問題