基本精灵东西的一点帮助

我是一名设计专业的学生，我在课程结束时参加了我的网页设计。我在最后一个网站上工作，但是我遇到了精灵的问题（我们在一节课中学过的东西，我遵循，但现在我似乎无法弄清楚）。这是我第一次尝试将精灵用于我为课堂制作的网站。无论如何，我看过了一些网站有教程，我已经成功地把事情上班这么远......这里是我的html（用于导航）：基本精灵东西的一点帮助

[ul id="list"] 
    [li id="home"][a href="index.html"]home[/a][/li] 
    [li id="profile"][a href="profile.html"]profile[/a][/li] 
    [li id="work1"][a href="work-1.html"]1[/a][/li] 
    [/ul]

这里是CSS：

nav { 
    display:block; 
    position: absolute; 
    right:0; 
    top: 0; 
    z-index:2; 
} 

list { 
    background: url("../images/sprite-1.gif") no-repeat; 
    list-style: none; 
    width: 200px; 
    height:250px; 
    margin:0; 
    padding:0; 
} 

list li, list a { 
    display:block; 
    height:25px; 
} 

home a:hover { 
    display:block; 
    height:25px; 
    background-position:0px 75px; 
}

抱歉粗略显示代码;我无法弄清楚如何正确显示。我设置的方式有什么问题？这里，链接工作，我可以担心后面隐藏文本链接。但是，我无法弄清楚如何为列表中的每个项目应用悬停图像。

谢谢

迈克尔

来源

2009-12-14 Michael

你会想要更多的东西一样：

.cssnav img {width: 100%; height: 100%; border: 0; } 
* html a:hover {visibility:visible} 
.cssnav a:hover img{visibility:hidden}

其中在这种情况下cssnav是你的类ID

编辑：您可能也想添加“css”标签到你的问题

来源

2009-12-14 21:23:34 tzenes

基本精灵东西的一点帮助

回答

相关问题