UC知道谁知道CSS怎样控制DIV隐藏
来源：百度知道 编辑：UC知道 时间：2024/06/04 13:51:18
就像这个网站http://www.beijingwangzhanyouhua.cn/
有一段源码是这样写的：
<DIV id=logo>
<H1><A href="http://www.beijingwangzhanyouhua.cn/">网站优化|网站排名优化</A></H1></DIV>
显示效果是左上角的图片覆盖住了“网站优化|网站排名优化”这一行字。如果去掉<DIV id=logo>中的id=logo可以看到效果。“网站优化|网站排名优化”这行字并没有使用和背景色一样的颜色。
谁知道他是如何使用CSS实现的这种功能呢？
楼下的谢谢您的解答，现在我有另一个问题：
按照这种方式只能这样
<DIV id=logo>
<H1><A href="index.asp">网站优化|网站排名优化</A></H1></DIV> 写。
如果我想写成：
<DIV id=logo>
<H1><a href="index.asp">网站优化<a>|<a href="index.asp">网站排名优化</a></H1></DIV> 这样的话，就不能正常显示了，如何才能在里面分开加入多个链接呢？
有一段源码是这样写的：
<DIV id=logo>
<H1><A href="http://www.beijingwangzhanyouhua.cn/">网站优化|网站排名优化</A></H1></DIV>
显示效果是左上角的图片覆盖住了“网站优化|网站排名优化”这一行字。如果去掉<DIV id=logo>中的id=logo可以看到效果。“网站优化|网站排名优化”这行字并没有使用和背景色一样的颜色。
谁知道他是如何使用CSS实现的这种功能呢？
楼下的谢谢您的解答，现在我有另一个问题：
按照这种方式只能这样
<DIV id=logo>
<H1><A href="index.asp">网站优化|网站排名优化</A></H1></DIV> 写。
如果我想写成：
<DIV id=logo>
<H1><a href="index.asp">网站优化<a>|<a href="index.asp">网站排名优化</a></H1></DIV> 这样的话，就不能正常显示了，如何才能在里面分开加入多个链接呢？
根本不是盖住了哟 是把文字缩进了 然后显示背景 淘宝都是这样做的 然后规定了h1的大小 logo实际上是背景图
他们使用的是下面的样式:
#logo H1 { TEXT-INDENT: -10000px}
#logo { FLOAT: left; WIDTH: 306px}
#logo H1 A { MARGIN-TOP: 10px; DISPLAY: block; BACKGROUND: url(images/logo.gif) no-repeat; HEIGHT: 66px; outline: none}
A { COLOR: #333}
BODY { BACKGROUND: url(images/bkg.gif) #e7e5de repeat-x; FONT: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #333}
#wrapper { MARGIN: auto; WIDTH: 1000px}