創建一個css功能區

Question

我試圖在一個div的右上角放置一個「三角形」。不知何故，我每次都搞砸了。

That's the Fiddle

這是我的div：

<div class="gtcr_ttl_wllt_dash"> 
    <div class="db_ov_layer center"> 
     <h1 class="ttl_ammnt">Test Module</h1> 
     <span class="prf_ttl">Hello There</span> 
    </div> 
</div> 

在的jsfiddle是PIC，一切設置，只是偷偷摸摸的三角形。如果任何人有一點空閒時間來幫助我這個..會很好。用於包裝的div

Answer 1

CSS：

.div-wrap { 
    position: relative 
} 

CSS爲您的三角形：

.triangle { 
    display: block; (if not already a block element) 
    position: absolute; 
    top: 0; 
    right: 0; 
    left: auto; 
} 

快速小提琴： http://jsfiddle.net/92gvW/3/

Answer 2

這應該這樣做，給最外面的div position:relative，以色帶position:absolute並與top和right一起玩來修復它

http://jsfiddle.net/92gvW/2/

編輯：並把色帶外DIV中

編輯2：我沒看到圖像的第一次，有一些醜陋的CSS技巧，我做了三角形太

http://jsfiddle.net/92gvW/4/

基本上是一個白色的小三角形，在一個更大的黑色三角形，轉移1px的