，关于层控制有关问题
日期：2014-05-16 浏览次数：20493 次
紧急求助，关于层控制问题。
测试网站：http://01.s320.cn
如果控制打开隐藏后中的链接后，原层自动隐藏？谢谢。
------解决方案--------------------
给你个sina首页的滑动门吧：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd ">
<HTML
xmlns= "http://www.w3.org/1999/xhtml "> <HEAD> <TITLE> 新浪首页 </TITLE>
<META http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<META content=PGLS000022 name=stencil>
<META content=30,50,1 name=publishid>
<STYLE type=text/css>
.BlkBlack {
WIDTH: 585px
}
.BlkBlack .Blk2RC {
BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_016.gif) repeat-y; WIDTH: 289px; BORDER-BOTTOM: #bfbfbf 1px solid
}
.BlkBlack .Blk2RC H1 {
FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_014.gif) #575757 repeat-x; MARGIN-BOTTOM: 9px; OVERFLOW: hidden; COLOR: #fffae1; HEIGHT: 24px
}
.BlkBlack .Blk2RC H1 .BlkBlackTab {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_024.gif) #ddd no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_025.gif) #888 no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; COLOR: #fff; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:link {
COLOR: #333; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:visited {
COLOR: #333; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:hover {
COLOR: #333; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:active {
COLOR: #333; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:link {
COLOR: #fff; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:visited {
COLOR: #fff; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:active {
COLOR: #fff; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt {
PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; TEXT-ALIGN: right
}
.BlkBlack .Blk2RC H1 .capTxt A:link {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:visited {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:hover {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:active {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
#head A:unknown {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:link {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:visited {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:hover {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:active {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC .List {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.Bl
测试网站：http://01.s320.cn
如果控制打开隐藏后中的链接后，原层自动隐藏？谢谢。
------解决方案--------------------
给你个sina首页的滑动门吧：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd ">
<HTML
xmlns= "http://www.w3.org/1999/xhtml "> <HEAD> <TITLE> 新浪首页 </TITLE>
<META http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<META content=PGLS000022 name=stencil>
<META content=30,50,1 name=publishid>
<STYLE type=text/css>
.BlkBlack {
WIDTH: 585px
}
.BlkBlack .Blk2RC {
BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_016.gif) repeat-y; WIDTH: 289px; BORDER-BOTTOM: #bfbfbf 1px solid
}
.BlkBlack .Blk2RC H1 {
FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_014.gif) #575757 repeat-x; MARGIN-BOTTOM: 9px; OVERFLOW: hidden; COLOR: #fffae1; HEIGHT: 24px
}
.BlkBlack .Blk2RC H1 .BlkBlackTab {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_024.gif) #ddd no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_025.gif) #888 no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; COLOR: #fff; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:link {
COLOR: #333; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:visited {
COLOR: #333; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:hover {
COLOR: #333; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:active {
COLOR: #333; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:link {
COLOR: #fff; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:visited {
COLOR: #fff; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:active {
COLOR: #fff; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt {
PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; TEXT-ALIGN: right
}
.BlkBlack .Blk2RC H1 .capTxt A:link {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:visited {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:hover {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:active {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
#head A:unknown {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:link {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:visited {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:hover {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:active {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC .List {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.Bl
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
