إزالة الحدود من IFrame

Question

كيف يمكنني إزالة الحدود من iframe مضمن في تطبيق الويب الخاص بي؟مثال على iframe يكون:

<iframe src="myURL" width="300" height="300">Browser not compatible.</iframe>

أرغب في الانتقال من المحتوى الموجود على صفحتي إلى محتوى iframe أن تكون سلسة، على افتراض أن ألوان الخلفية متناسقة.المتصفح المستهدف هو IE6 فقط وللأسف لن تساعد الحلول المقدمة للآخرين.

Answer 1

أضف ال frameBorder السمة (لاحظ رأس المال "ب").

لذلك سيبدو مثل:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

Answer 2

بعد محاولة إزالة الحدود في IE7، وجدت أن سمة FrameBorder حساسة لحالة الأحرف.

يجب عليك تعيين سمةframeBorder برأس مال ب.

<iframe frameBorder="0" ></iframe>

Answer 3

حسب com.iframe الوثائق، تم إهمال FrameBorder ويفضل استخدام سمة CSS "الحدود":

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>

• لاحظ أن خاصية حدود CSS موجودة لا تحقيق النتائج المرجوة في IE6 أو 7 أو 8.

Answer 4

بالإضافة إلى إضافة سمة FrameBorder، قد ترغب في التفكير في تعيين سمة التمرير على "no" لمنع ظهور أشرطة التمرير.

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe > 

Answer 5

بالنسبة للمشكلات الخاصة بالمتصفح أضف أيضًا frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" وفقًا لبرنامج Dreamweaver:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

Answer 6

استخدم سمة HTML iframeframeborder

http://www.w3schools.com/tags/att_iframe_frameborder.asp

ملحوظة:استخدام الإطاربالنظام (الحد الأقصى B) لـ IE، وإلا فلن ينجح.لكن سمة iframeframeborder غير مدعومة في HTML5.لذا، استخدم CSS بدلاً من ذلك.

<iframe src="http://example.org" width="200" height="200" style="border:0">

يمكنك أيضًا إزالة التمرير باستخدام سمة التمريرhttp://www.w3schools.com/tags/att_iframe_scrolling.asp

<iframe src="http://example.org" width="200" height="200" scrolling="no" style="border:0">

كما يمكنك استخدام سمة سلسة وهي جديدة في HTML5.السمة السلسة لعلامة iframe مدعومة فقط في Opera وChrome وSafari.عندما يكون موجودًا، فإنه يحدد أن إطار iframe يجب أن يبدو وكأنه جزء من المستند الذي يحتوي عليه (بدون حدود أو أشرطة تمرير).اعتبارًا من الآن، السمة السلسة للعلامة مدعومة فقط في Opera وChrome وSafari.ولكن في المستقبل القريب سيكون الحل القياسي وسيكون متوافقًا مع جميع المتصفحات. http://www.w3schools.com/tags/att_iframe_seamless.asp

Answer 7

يمكنك استخدام style="border:0;" في كود iframe الخاص بك.هذه هي الطريقة الموصى بها لإزالة الحدود في HTML5.

تحقق من بلدي html5 مولد iframe أداة لتخصيص iframe الخاص بك دون تحرير التعليمات البرمجية.

Answer 8

أضف سمة FrameBorder (الحرف الكبير "B").

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible. </iframe>

Answer 9

يمكن استخدام خاصية النمط بالنسبة إلى HTML5، إذا كنت تريد إزالة إطار إطارك أو أي شيء، يمكنك استخدام خاصية النمط.كما هو موضح أدناه

الكود يذهب هنا

<iframe src="demo.htm" style="border:none;"></iframe>

Answer 10

يمكنك أيضًا القيام بذلك باستخدام JavaScript بهذه الطريقة.سوف يعثر على أي عناصر iframe ويزيل حدودها في IE والمتصفحات الأخرى (على الرغم من أنه يمكنك فقط تعيين نمط "border :none;" في متصفحات غير IE بدلاً من استخدام JavaScript).وسيعمل حتى إذا تم استخدامه بعد إنشاء إطار iframe ووضعه في المستند (على سبيل المثال.إطارات iframe التي تمت إضافتها بتنسيق HTML عادي وليس JavaScript)!

يبدو أن هذا يعمل لأن IE ينشئ الحدود، ليس على عنصر iframe كما تتوقع، ولكن على محتوى iframe - بعد إنشاء iframe في قائمة مكونات الصنف.($@&*#@!!!أي!!!)

ملحوظة:لن يعمل جزء IE إلا (بالطبع) إذا كانت النافذة الأصلية وإطار iframe من نفس الأصل (نفس المجال والمنفذ والبروتوكول وما إلى ذلك).وإلا فسيحصل البرنامج النصي على أخطاء "تم رفض الوصول" في وحدة تحكم أخطاء IE.إذا حدث ذلك، فإن خيارك الوحيد هو تعيينه قبل إنشائه، كما لاحظ الآخرون، أو استخدام سمة FrameBorder = "0" غير القياسية.(أو فقط دع IE يبدو قبيحًا - خياري المفضل الحالي ؛))

استغرق مني ساعات طويلة من العمل إلى حد اليأس لمعرفة ذلك ...

يتمتع.:)

// =========================================================================
// Remove borders on iFrames

if (window.document.getElementsByTagName("iframe"))
   {
      var iFrameElements = window.document.getElementsByTagName("iframe");
      for (var i = 0; i < iFrameElements.length; i++)
         {
            iFrameElements[i].frameBorder="0";   //  For other browsers.
            iFrameElements[i].setAttribute("frameBorder", "0");   //  For other browsers (just a backup for the above).
            iFrameElements[i].contentWindow.document.body.style.border="none";   //  For IE.
         }
   }

Answer 11

إذا كان نوع المستند الخاص بالصفحة التي تضع إطار iframe عليها هو HTML5، فيمكنك استخدام ملف seamless السمة مثل ذلك:

<iframe src="..." seamless="seamless"></iframe>

مستندات Mozilla على السمة السلسة

Answer 12

لقد جربت كل ما سبق وإذا لم ينجح ذلك، فجرب CSS أدناه لحل المشكلة بالنسبة لي.والذي يخبر المتصفحات فقط بعدم إضافة أي حشوة أو هامش.

* {
  padding:0px;
  margin:0px;
 }

Answer 13

في ورقة الأنماط الخاصة بك أضف

{
  padding:0px;
  margin:0px;
  border: 0px

}

وهذا أيضًا خيار قابل للتطبيق.

Answer 14

إذا كنت تستخدم iFrame ليناسب عرض وارتفاع الشاشة بأكملها، والتي أفترض أنك لا تعتمد على حجم 300 × 300، فيجب عليك أيضًا تعيين هوامش النص على "0" مثل هذا:

<body style="margin:0px;">

Answer 15

<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

يجب أن يعمل هذا الرمز في كل من HTML 4 و5.

Answer 16

قم أيضًا بتعيين الحدود = "0px "

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>

Answer 17

يحاول

<iframe src="url" style="border:none;"></iframe>

سيؤدي هذا إلى إزالة حدود الإطار الخاص بك.

Answer 18

استخدم هذا

style="border:none;

مثال:

<iframe src="your.html" style="border:none;"></iframe>

Answer 19

إما أن تضيف سمةframeBorder، أو تستخدم نمطًا بعرض الحدود 0px;، أو قم بتعيين نمط الحدود على لا شيء.

استخدم أي واحد من أدناه 3:

<iframe src="myURL" width="300" height="300" style="border-width:0px;">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" style="border:none;">Browser not compatible.</iframe>

Answer 20

لإزالة الحدود يمكنك استخدام خاصية الحدود CSS إلى لا شيء.

<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>

Answer 21

من السهل فقط إضافة السمة في علامة iframeframeborder = 0<iframe src="" width="200" height="200" frameborder="0"></iframe>

Answer 22

iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

يعمل مع فايرفوكس ;)

Answer 23

<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.