返回顶部

收藏

使用 CSS 将链接文本替换成图片

更多

这是用来显示LOGO的好方法

<h1><a href=\"./\" title=\"Return Home\"><span></span>Home</a></h1>

#header h1 a{
    display:block; /* Required */
    width:250px; /* Width of image in question */
    height:70px; /* Height of image in question */
    position:relative; /* Required */
}
#header h1 a span{
    position:absolute; /* Required */
    width:100%; /* Stretch full width of parent */
    height:100%; /* Stretch full height of parent */
    background:url(images/logo.gif) top left no-repeat; /* Image */
    cursor:pointer; /* Required for links to appear like links in IE */
}
//该片段来自于http://outofmemory.cn

标签:css,网页设计

收藏

0人收藏

支持

0

反对

0

发表评论