CSS鼠标经过
#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}(这句话在代码中用粉红色高亮显示)
这句话帮我解释哈
尤其是 " 空格+:hover div "不解其意
为什么这一句话就可以控制鼠标经过时不同链接的变化(我分别去掉与不去掉测试过)
以下是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
<style type="text/css">
#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}
#hoverpage {width:650px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}
#hoverpage ul#outer li.page {display:inline;}
相关问答：
我想做的是这样一个效果，你左边做的是导航菜单，假如有若干个超级链接，点击某个后这个链接的内容要到右边显示。当然这个功能可以使用Html中的 frame框架实现，但是现在有很多的浏览器不支持这种frame，能不能用css ......
简洁实用的鼠标经过变色的box效果，纯CSS制作，下面是源代码，可以另存为 .html 格式查看，或者在最下面有在线演示的地址。
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ......
从2004底开始,这个问题我一直没有得到过能令我信服的答案,虽然我有朋友有网易工作,但他的回答不能让我信服.
从2004底开始,我就开始研究各个大型门户网的构架情况,但有个问题,一直没有一个满意的答案,这里我提 ......
请问为什么火狐很多时候都会变形呢
比方这个.proc { width:680px; height:auto; float:left; clear:both;}
在IE里面如果有的图片是 700px的宽,那么会自动的缩小
可是在火狐里面 就自动放大了,width ......
