Jquery Rounded Corner & Div - إزالة الفجوة؟

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

  •  22-08-2019
  •  | 
  •  

سؤال

هل يمكن لأحد أن يخبرني بكيفية إزالة الفجوة التي تم إنشاؤها في منتصف القسم، من الكود التالي:(الصق واسم 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

هل كانت مفيدة؟

المحلول

البرنامج المساعد للزوايا (على الأقل الذي وجدته فيه http://www.malsup.com/jquery/corner/) يتم استدعاؤه باستخدام "الزاوية" وليس "الزوايا".

حاول استخدام هذا بدلاً من ذلك:

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

هذا يعمل بشكل جيد بالنسبة لي في IE 7 وOpera 10.

نصائح أخرى

قم بإزالة الهامش السفلي البالغ 25 بكسل على div#divOuter.

إجابة مثيرة للجدل وربما غير مفيدة:

يستخدم:

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

وتجاهل إنترنت إكسبلورر.تعتبر الزوايا الدائرية عناصر جميلة من الناحية البصرية وليست وظيفية عادةً، لذا قم بتقييم مقدار الجهد الذي تريد بذله لجعلها تعمل لمستخدمي IE عندما تجعل المتصفحات الأخرى اللائقة الأمر سهلاً وموثوقًا.

أعتقد أن تايلر لديه الإجابة الصحيحة.أود فقط أن أضيف أنني قمت بالتطوير في FireFox لأسباب كهذه.باستخدام الوظيفة الإضافية Firebug يجعل من السهل جدًا تتبع مشكلات CSS مثل هذه.يمكنك استخدام "فحص" وتحديد الكائنات المخالفة وتحرير CSS بسرعة في FireBug لتحديد سبب الفجوة.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top