將樣式添加到活動鏈接？

-1

嗨在我的網站website（密碼：ebriff）我已經添加了小白色三角形作爲圖片到活動鏈接。但因爲我有一張圖片作爲我的第一個菜單鏈接，所以不會添加到該圖片中。我如何解決這個問題？將樣式添加到活動鏈接？

CSS：

.top-menu li{ 
    margin: 0; 
    float: left; 
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase; 
    color: #fff; /* text color */ 
    font-size: 15px; 
    text-shadow: 0 1px 0 rgba(0,0,1,.5); /* drop shadow */ 
    letter-spacing: 1px; 
    font-weight: 300; 
    } 

li.top { 
    border-right: 1px solid #007472; 
    border-left: 1px solid #009C9A; 
} 

li.top:last-child { 
    border-right: none; 
} 

li.top:first-child { 
    width: 70px; 
    border-left: none; 
    background: url({{'home-icon.png'|asset_url}}) no-repeat 24px 25px; 
    text-indent: -9999px; 
} 

.current { 
    background: url({{'triangle.png'|asset_url}}) no-repeat center bottom} 
}

來源

2013-03-20 McKeene

這將是巨大的，如果你能告訴我們你的HTML了。 – Steve 2013-03-20 22:13:05

嗯......你確定在這個你不擁有或控制的公開網站中包含密碼是安全的嗎？ – 2013-03-20 22:13:07

如果密碼不敏感，並且稍後您將更改該密碼，則該鏈接將會失效並且該問題將來無法使用。 – 2013-03-20 22:15:48

你可以把家裏圖標，背景圖片的鏈接，而不是列表項。至少這爲我工作，當我在Chrome開發者工具試了一下;）的所以不是

li.top:first-child { 
    width: 70px; 
    border-left: none; 
    background: url({{'home-icon.png'|asset_url}}) no-repeat 24px 25px; 
    text-indent: -9999px; 
}

使用

li.top:first-child { 
    width: 70px; 
    border-left: none; 
    text-indent: -9999px; 
} 
li.top:first-child a{ 
    background: url({{'home-icon.png'|asset_url}}) no-repeat 24px 25px; 
}

來源

2013-03-20 22:25:23 user1950929

您可以使用CSS3多背景

background: url(...), url(...);

，或者您可以手動創建帶箭頭的圖像疊加在「正常的背景圖標」，並用它爲：活躍選擇。也考慮使用CSS sprites。

在多個背景：http://www.css3.info/preview/multiple-backgrounds/

來源

2013-03-20 22:18:24

我試着添加這個： .current {0121} {{'home-icon.png'| asset_url}}）重複24px 25px，background：url（{{'triangle.png'| asset_url}}）no-repeat center bottom}; } – McKeene 2013-03-20 22:28:04

但後來它停止了所有這些工作。但在同一時間，如果它的工作，主頁圖標也將被添加到所有不同的鏈接對嗎？ – McKeene 2013-03-20 22:29:12

在你的代碼中，第二個後臺聲明_overwrites_是第一個而不是_adding_。請寫：背景：網址（...）無重複24px 25px，網址（...）無重複中心底部; – 2013-03-20 22:32:13

將樣式添加到活動鏈接？

回答

相關問題