html شرح - إزالة الحدود من IFrame




code video (19)

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

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

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

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

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


إضافة سمة frameBorder (لاحظ رأس المال 'B' ).

لذلك سوف تبدو كما يلي:

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

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

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


بالنسبة إلى المشكلات الخاصة بالمتصفح ، أضف أيضًا 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>

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

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

}

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


إضافة سمة frameBorder (العاصمة 'B').

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

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

رمز يذهب هنا

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

إما أن تقوم بإضافة سمة 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>


استخدم HTML iframe frameborder سمة

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

ملاحظة: استخدم إطار B (غطاء B) لـ IE ، وإلا لن يعمل. ولكن ، لا يتم دعم السمة framramorder iframe في 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


محاولة

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

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


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

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


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

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

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

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

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

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

به سمة إضافة بسيطة فقط في iframe tag frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>


تم أيضًا تعيين border = "0px"

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

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

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

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

var link1 = document.createElement('link');
    link1.type = 'text/css';
    link1.rel = 'stylesheet';
    link1.href = "../../assets/css/normalize.css";
window.frames['richTextField'].document.body.appendChild(link1);







html css iframe internet-explorer-6 noborder