Jquery Закругленный угол & Div - Удалить разрыв? - PullRequest
Новая
       16

Jquery Закругленный угол & Div - Удалить разрыв?

1 голос
/ 26 марта 2009

Может кто-нибудь сказать мне, как убрать пробел, который генерируется в середине div, из следующего кода: (вставка и имя 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>

Заранее спасибо!

Пример проблемы Пример задачи http://image2.humyo.com/I/9176883-444407271/M2QyZmIxYThiMDVhM2NlODYwMjM4MDI2MDA0MmI5Y2I=/450/450/0/1238082866.jpg

Ответы [ 4 ]

1 голос
/ 29 апреля 2009

Удалите нижнее поле 25px на div # divOuter.

1 голос
/ 26 марта 2009

Плагин для углов (по крайней мере тот, который я нашел в http://www.malsup.com/jquery/corner/), вызывается с помощью "угла", а не "углов".

Попробуйте использовать это вместо: 

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

Это нормально работает в IE 7 и Opera 10.

0 голосов
/ 04 мая 2009

Я считаю, что Тайлер имеет правильный ответ. Я просто хотел бы добавить, что я развиваюсь в FireFox по таким причинам. Использование дополнения Firebug значительно упрощает отслеживание таких проблем CSS, как эта. Вы можете использовать «осмотреть» и выбрать нарушающие объекты и отредактировать CSS на лету в FireBug, чтобы определить, что вызывает разрыв.

0 голосов
/ 29 апреля 2009

Спорный и, возможно, бесполезный ответ:

Использование: 

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

И игнорируйте Internet Explorer. Закругленные углы являются визуально изящными и обычно не функциональными элементами, поэтому взвесите, сколько усилий вы хотите приложить, чтобы заставить его работать для пользователей IE, когда другие, достойные браузеры делают его таким простым и надежным.

...