有時(shí)，我們想改變一下動(dòng)易系統(tǒng)中頻道行的顯示效果，將那個(gè)“|”線改成其他樣式，如下圖效果：

　　背景這屬于一種更換頻道文字后面背景的效果。一般可以定義表格背景進(jìn)行重復(fù)顯示來達(dá)到自己要的效果。但是，表格背景重復(fù)只能用于相同字?jǐn)?shù)（或?qū)挾龋┑念l道名，假如頻道名有長(zhǎng)有短，如何來實(shí)現(xiàn)類似于上面圖片的效果呢？
　　本文主要講了運(yùn)用定義CSS偽類a的背景方法，對(duì)動(dòng)易系統(tǒng)實(shí)現(xiàn)上述所需的效果。

操作步驟：

　　1、修改Gb2312.xml，將<ChannelLink><![CDATA[&nbsp;|&nbsp;]]></ChannelLink>這里的|刪除，至于&nbsp;這個(gè)空格要不要?jiǎng)h除隨意，可刪可不刪。
　　2、在CSS中加上以下定義：
　　a.channel {background: url(Skin/aaaaa.jpg) no-repeat left top;}
　　a.channel2 {background: url(Skin/aaaaa.jpg) no-repeat left top;}

原理：
　　因?yàn)槟J(rèn)頻道文字的鏈接是使用的<a class='Channel2' 和<a class='Channel'二個(gè)樣式，在樣式定義中對(duì)a.channel 和a.channel2 這二個(gè)樣式定義上背景（固定在左側(cè)顯示），即可達(dá)到你要的效果。因?yàn)槭荂SS樣式控制圖片路徑，所以就不會(huì)涉及到路徑不同的問題。

　　假如對(duì)a.channel2（當(dāng)前頻道）a.channel（非當(dāng)前頻道）這里要顯示的背景圖片是同一個(gè)，則可以簡(jiǎn)寫成：
　　a.channel,a.channel2 {background: url(Skin/aaaaa.jpg) no-repeat left top;}
　　這里分開定義，是因?yàn)榭梢允褂貌煌膱D片來顯示和區(qū)分當(dāng)前頻道和非當(dāng)前頻道的顯示樣式，如當(dāng)前頻道是一張亮光底圖，非當(dāng)前頻道是現(xiàn)在的那個(gè)小圖片。

另外說明：
　　至所以說“至于&nbsp;這個(gè)空格要不要?jiǎng)h除隨意”，是因?yàn)槎€(gè)頻道名間的空距，是可以通過對(duì)這二個(gè)CSS樣式定義去控制的，如：
　　a.channel,a.channel2 {background: url(Skin/aaaaa.jpg) no-repeat left top;padding-left:10px;margin-left:10px;}
　　并且這樣定義a背景的方式比在語言包中修改的好處是，在最后一個(gè)頻道名的后面不顯示圖片，而在語言包中定義則都不會(huì)如此。
　　此外，若對(duì)a.channel:hover、a.channel2:hover等定義也加上不同的背景定義，則可以制作出更豐富的效果，具體可以進(jìn)一步拓展嘗試一下。

效果示例：