更改菜单名称

Question

要粘贴的代码太多了，我已经创建了演示，请看看这个DEMO

我的问题是，我正在尝试将菜单名称从"Home"更改为"My Home"，这非常简单，但我已经花了很多时间搞清楚但无济于事。 ..

是的，我也使用过firebug进行了调试......

// HTML

 <div class="wrapper">
        <div class="wrap">
            <div class="header">                
                <ul class="menu">                        
                    <li class="home"><a href="" title="Downloads" class="title">My Home</a></li>
                    <li class="genres"><a href="#"  class="title">TEST 123</a></li>
                </ul>
            </div>
        </div>
    </div>

// CSS： 请看演示

Answer 1

这是一张图片：

http://www.mp3mixx.com/i/menu.png

CSS：

.menu li a.title 
{
    text-indent:-9999em; 
    display:block;
    height:11px;
    background:url('http://www.mp3mixx.com/i/menu.png') no-repeat;
    overflow:hidden;
}

该文本适用于辅助功能和/或搜索引擎优化。

Answer 2

文字未显示;这是一张背景图片。您必须更改背景图像才能更改文本。