在 .slidetoggle 面板被激活后,我试图按下这些框。但发生的情况是它要么超过或低于(取决于 z 位置)定位的盒子。我想要它,以便在激活滑动切换面板时,它会按下所有框。
这是 JSFIDDLE:http: //jsfiddle.net/iqab/8QHdB/3/
这是我正在谈论的功能类型的一个示例:http: //www.michaelnagy.at/
在 .slidetoggle 面板被激活后,我试图按下这些框。但发生的情况是它要么超过或低于(取决于 z 位置)定位的盒子。我想要它,以便在激活滑动切换面板时,它会按下所有框。
这是 JSFIDDLE:http: //jsfiddle.net/iqab/8QHdB/3/
这是我正在谈论的功能类型的一个示例:http: //www.michaelnagy.at/
用这个替换 CSS。修改后的行被注释掉。
应用了其他修复(参见 CSS 中的注释)。
.wrapper{
width:800px;
/*height:800px;*/ /*let wrapper auto resize itself based on contents height*/
border:solid thin #000;
position:relative;
margin:auto;
}
.wrapper .Boxes{
display:inline-block; /*fix for box overlap out of wrapper. replacement for "float:left" below*/
width:200px;
height:200px;
/*float:left;*/ /*fix for box overlap out of wrapper. replaced with "display:inline-block" above*/
border:solid thin #000;
margin:33px;
}
.wrapper .hbox{
width:734px;
height:400px;
border:solid thin #100;
/*position:absolute;*/ /*fix for panel overlap over boxes*/
top:33px;
margin:33px;
display:none;
background-color: #000;
}