Ok jQuery Dialog

Question

Dibiyle I jQuery Dialog kullanıyorum ve ben aşağıda gibi jQuery Dialog alt ortasında üzerinde bir ok ucu göstermek gerekir.

Bu nasıl yapabilirim?

Answer 1

Bir fikir bir üçgen anahat oluşturmak için birbirlerine, beyaz diğeri gri üstünden (How do CSS triangles work? bakınız) 2 CSS üçgenler yerleştirmek için ::after ve ::before sahte unsurları kullanmaktır. Ayrıca, .ui-dialog'un "dışarıda" biçimlerinin görünmesine izin vermeliyiz, bu yüzden overflow:visible; bu seçiciye eklendim - see demo.

.ui-resizable-handle.ui-resizable-s::before, .ui-resizable-handle.ui-resizable-s::after { 
    content: ""; 
    width: 0; 
    height: 0; 
    position: absolute; 
    left: 150px; 
    border-style: solid; 
    border-width: 10px; 
} 

.ui-resizable-handle.ui-resizable-s::before { 
    border-color: #aaa transparent transparent transparent; 
    top: 2px; 
} 

.ui-resizable-handle.ui-resizable-s::after { 
    border-color: #fff transparent transparent transparent; 
    top: 1px; 
} 

.ui-dialog { 
    overflow:visible; 
} 

Not: Bu Google Takvim'de nasıl yapıldığını benzer, ancak, Google'ın x <div>

Answer 2

Sen kare kullanımı 45 derece oluşturmak için CSS3 döndürülmüş de yapamaz veya kare o int a döndürülmüş olan bir png görüntü. Her iki durumda

alta takmak için mutlak konumda yerleştirir. CSS3 seçeneği için

, N-görüntü seçeneği için left:

için (yan * sqrt (2)/2) ve aynı olduğu bottom: -Npx; kullanmak yerine, bu hesaplama yarı genişlik/yükseklik kullanılmaktadır.

Answer 3

Bunlardan birini kopyalayın ve kodunuzda metin olarak bunları kullanmak ve sonra merkezde konumlandırabilirsiniz. : Ʌ, ᴧ, ↑, ▲

(olun editörü kodlama emin UTF-8) Daha fazla karakter gerekiyorsa, eğer, karakter haritası bulabilirsiniz

pencereleri kullanarak.