JQuery Rounded Corner & Div - Удалить разрыв?

Может кто-нибудь сказать мне, как удалить разрыв, который создается в середине DIV, из следующего кода: (вставить и имя test.html)JQuery Rounded Corner & Div - Удалить разрыв?

<!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>

Спасибо заранее!

примере задачи Example Problem http://image2.humyo.com/I/9176883-444407271/M2QyZmIxYThiMDVhM2NlODYwMjM4MDI2MDA0MmI5Y2I=/450/450/0/1238082866.jpg

источник

2009-03-26 JamesM

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

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

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

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

источник

2009-03-26 15:57:42 Seb

Как вы можете видеть на моей фотографии, бит Корнеров правильный, поскольку он делает это, проблема в этом проблема! но все равно приветствует Себа. – JamesM

PS - Я получил свой исходный код отсюда - Библиотеки от jQuery.com – JamesM

забыл ссылку: http://www.atblabs.com/jquery.corners.html – JamesM

Снимите 25px нижний край на DIV # divOuter.

источник

2009-04-29 02:27:56

Спорные и, возможно, не полезно ответ придумывают:

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

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

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

источник

2009-04-29 02:43:46 nickf

jquery.corners.js действительно не прилагает особых усилий, чтобы получить внешний вид, который вы хотите использовать в большинстве используемых браузеров –

... если у вас уже загружена библиотека jQuery. (что я признаю, что ОП) – nickf

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

источник

2009-05-04 04:49:22 user100282

JQuery Rounded Corner & Div - Удалить разрыв?

ответ

Смежные вопросы