Jquery angoli arrotondati e Div - Rimuovere Gap?

StackOverflow https://stackoverflow.com/questions/686295

  •  22-08-2019
  •  | 
  •  

Domanda

Qualcuno può dirmi come rimuovere il gap che si genera nel bel mezzo del div, dal codice seguente: (pasta e il nome test.html) 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
   <script src="http://www.google.com/jsapi"></script>
   <script>google.load("jquery", "1.2.6")</script>
   <script src="jquery.corners.js"></script>
 </head>
<body>

<div id="divOuterOuter" style="width: 448px; height: 157px; padding-right:
0px;padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;">

  <div style="width: 448px; height: 120px; background-color:#d1ddf1; padding-right: 
  0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 25px; padding-top: 
  0px;" 
  id="divOuter" class="rounded {20px}"> 
  </div>
</div>

 <script>$(document).ready( function(){
        $('.rounded').corners();
        });</script>
</body>
</html>

Grazie in anticipo!

Esempio di problema Esempio Problema http: //image2.humyo com / I / 9.176.883-444.407.271 / M2QyZmIxYThiMDVhM2NlODYwMjM4MDI2MDA0MmI5Y2I = / 450/450/0 / 1238082866.jpg

È stato utile?

Soluzione

Gli angoli Plugin (almeno quello che ho trovato in http://www.malsup.com / jquery / angolo / ) viene richiamato con "angolo", non "angoli".

Provare a utilizzare questo, invece: 

<script type="text/javascript">
  $(document).ready( function(){
    $('.rounded').corner();
  });
</script>

che sta lavorando bene per me in IE 7 e Opera 10.

Altri suggerimenti

Rimuovi il margine 25px basso a div # divOuter.

Risposta controverso e forse non disponibile in arrivo:

Usa: 

-moz-border-radius      /* for firefox */
-webkit-border-radius   /* for webkit browsers */

E ignorare Internet Explorer. Gli angoli arrotondati sono una delicatezza visiva e gli elementi di solito non funzionali, in modo da pesare fino quanto impegno si desidera mettere in ottenerlo a lavorare per gli utenti di IE quando gli altri, i browser decenti rendono così facile e affidabile.

Credo che Tyler ha la risposta giusta. Vorrei solo aggiungere che ho sviluppato in FireFox per motivi come questo. Utilizzando il Firebug add-on rende molto più facile da rintracciare problemi di CSS come questo. È possibile utilizzare "ispezionare" e selezionare gli oggetti incriminati e modificare il CSS al volo in Firebug per determinare che cosa sta causando il divario.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top