0
如何在不干擾文字開始位置的情況下輕輕推動左側轉角。如何使用z-index推入div?
的jsfiddle:http://jsfiddle.net/gnjNq/
<div class="quick-links-container">
<div class="left-corner"></div>
QUICK LINKS
</div>
.quick-links-container{
z-index: 8000;
right: 20px;
background-color: white;
height: 500px;
width: 200px;
position: absolute;
box-shadow:0px 4px 6px rgba(0,0,0,.2);
}
.left-corner{
height: 25px;
width: 25px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
background-color: white;
box-shadow:0px 4px 6px rgba(0,0,0,.2);
z-index: 7900;
position: relative;
left:-10px;
top: 20px;
}
這就是我想要實現:
良好的通話,但我需要回去進一步,過去.quick鏈接容器 – Chaddly
好,擺脫了容器上的z指數:http://jsfiddle.net/ gnjNq/3 /請注意,你的影子,你將有一個通過標籤部分的線... –
太棒了!我會移動陰影。謝謝你! – Chaddly