Pregunta Eliminar borde de IFrame


¿Cómo elimino el borde de un iframe incrustado en mi aplicación web? Un ejemplo de iframe es:

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

Me gustaría la transición del contenido de mi página a los contenidos de la iframe para ser transparente, suponiendo que los colores de fondo son consistentes. El navegador de destino es solo IE6 y desafortunadamente las soluciones para otros no ayudarán.


621
2017-09-15 17:45


origen


Respuestas:


Añade el frameBorder atributo (tenga en cuenta capital 'B')

Entonces se vería así:

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

1006
2017-09-15 17:54



Después de enloquecer tratando de eliminar el borde en IE7, encontré que el atributo frameBorder distingue mayúsculas de minúsculas.

Tienes que establecer el atributo frameBorder con un capital segundo.

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

141



Además de agregar el atributo frameBorder, es posible que desee considerar establecer el atributo de desplazamiento en "no" para evitar que aparezcan las barras de desplazamiento.

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

50



Según iframe documentación, frameBorder está en desuso y se prefiere usar el atributo CSS "border":

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • Nota La propiedad de borde CSS no no lograr los resultados deseados en IE6, 7 u 8.

45



Para problemas específicos del navegador también agregue frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" de acuerdo con 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>

20



Utilice el atributo iframe frameborder HTML

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

Nota: usar marcosegundoorden (cap B) para IE, de lo contrario no funcionará. Pero el atributo framefrader iframe no es compatible con HTML5. Entonces, usa CSS en su lugar.

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

también puedes eliminar el desplazamiento usando el atributo de desplazamiento http://www.w3schools.com/tags/att_iframe_scrolling.asp

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

También puede usar el atributo seamless que es nuevo en HTML5. El atributo integrado de la etiqueta iframe solo se admite en Opera, Chrome y Safari. Cuando está presente, especifica que el iframe debe verse como si fuera parte del documento que lo contiene (sin bordes ni barras de desplazamiento). A partir de ahora, el atributo seamless de la etiqueta solo se admite en Opera, Chrome y Safari. Pero en un futuro próximo será la solución estándar y será compatible con todos los navegadores. http://www.w3schools.com/tags/att_iframe_seamless.asp


8



Puedes usar style="border:0;" en tu código iframe Esa es la forma recomendada de eliminar el borde en HTML5.

Echa un vistazo a mi generador html5 iframe herramienta para personalizar su iframe sin editar el código.


7