mantenere i bordi in IE con jquery.corner()

Question

Sto usando il plugin jQuery "corner": http://www.malsup.com/jquery/corner/ Fa quasi un ottimo lavoro facendo girare i div ai bordi.

Il problema è che i miei div hanno i bordi di 1px applicati. Funziona perfettamente in Safari, FF, Chrome ecc. Solo in IE (8) i bordi scompariranno. Rende i bordi arrotondati, ma senza bordi.

Sul sito sopra menzionato ho trovato $ (this) .corner ('keep'); manterrà i confini. L'ho provato, ma poi IE mostrerà gli angoli quadrati (non arrotondati) e mostrerà correttamente i bordi.

---

Qualsiasi aiuto? thx, Mexx

Answer 1

Secondo la documentazione sul loro sito, è possibile nidificare due div in modo che sembri che ci sia un bordo (funzionerà su IE).

$(this).corner("round 8px").parent().css('padding', '1px').corner("round 10px") 

io personalmente penso che sia brutto da quando si deve aggiungere il markup inutili, ma sono abbiate timore è l'unica soluzione se si vuole attenersi a questo plugin.

So che ci sono altre soluzioni là fuori se si desidera utilizzare il raggio-bordo di CSS3 in IE. Si consiglia di leggere quello che Microsoft sta dicendo su di esso (e fa clic sul link forniti): http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

Answer 2

provare con:

$(this).corner("round 38px").parent().css('padding', '1px').corner("round 40px") 

c'è un problema troppo.

Answer 3

So che questo è vecchio ma sembra essere il primo risultato StackOverflow in google per questa domanda

facile soluzione senza ri-jigging tutti i div angolo a mano

utilizzare jQuery

$('.yourcornerclass').wrap('<div class="youroutercornerclass"></div>'); 

molte più informazioni qui @tonyamoyal con esempi di codice completo