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;}
相关问答:
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......
简洁实用的鼠标经过变色的box效果,纯CSS制作,下面是源代码,可以另存为 .html 格式查看,或者在最下面有在线演示的地址。
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ......
请问一下 用一个DIV 可以做到这样的效果吗 ?
不知这个算不算一个DIV?
HTML code:
<style type="text/css">
.demo {
border: 1px solid #8fb9d1;
......
form表单下拉框的蓝色怎么去掉呢,我想把下拉框的颜色设为透明的
may be no way.
像QQ空间里的那些透明的下拉框是怎么弄得呢?
引用
像QQ空间里的那些透明的下拉框是怎么弄得呢?
用层模拟的吧
基本都 ......
页面上有两个连接,
我希望得到这样的效果,可以实现吗
开始的时候 链接A显示A.gif,链接B显示B.gif为背景色,
当鼠标停留在A链接上面的时候显示AHover.gif,鼠标停留在B链接上显示BHover.gif图片为背景色
......