2

この Fiddle を確認してください: http://jsfiddle.net/5WGLs/

にbasker-holderカーソルを合わせると、それが子であることがわかります->shopping-cart上の境界線が親の背後にありません。それは白であるべきです。私が探している効果はこれです：

http://i.stack.imgur.com/XBV82.png

4

3 に答える 3

1

position: relative;とbackground-color: #fff;をz-index: 2000;に追加するだけ.cart-btnです。

このようにして、.cart-btn終わり.shopping-cart、background-colorボーダートップに隠れます。

例を表示: http://jsfiddle.net/5WGLs/3/

この助けを願っています。

于 2013-10-23T18:37:05.720 に答える
0

jsfiddleデモ

で遊んで、z-indexそれbackground;を達成できます

編集されたCSS

.cart-btn {
    color: #333;
    display: inline-block;
    margin-top: 12px;
    padding: 5px 22px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 30px;
    border: 1px solid #fff;
    position: relative;
    z-index:10;
    background:#fff;
}

.shopping-cart {
    position: absolute;
    background: #FFF;
    left: 0;
    text-align: left;
    width: 160px;
    border: 1px solid #fe4365;
    top: 52px;
    opacity: 0;
    transform: translateY(25px) rotateY(50deg);
    z-index:-1;
}
于 2013-10-23T18:39:55.377 に答える
0

を使用できますz-index。デモ

しかし、そのような大きな z-index を使用するのは役に立たないため、What No One Told You About Z-Indexを読む必要があります。

于 2013-10-23T18:42:18.990 に答える