Home/ Questions/Q 8175419
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T22:46:27+00:00

White background is rounding my iframe, as i am echoing this iframe from the

  • 0

White background is rounding my iframe, as i am echoing this iframe from the database although its showing correctly in all other browser except IE8, IE9(plz check the screenshot). Although i tried this script in my header.php as site is on wordpress but still no luck( included ie6pngfix.js under js folder). Let me know how can i fix that.

<!--[if IE 6]>
<script type="text/javascript" src="js/ie6pngfix.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('img, ul, ol, li, div, p, a, h1, h2, h3, h4, h5, h6, png, span');
</script>
<![endif]-->

Details are as follows —

<div id="banner_right">
<iframe width="483" height="300" src="http://www.youtube.com/embed/EDPYq4BFHBI" frameborder="0" allowfullscreen></iframe>       
</div>

#banner_right iframe{background:url(images/bg.png) 0 0 no-repeat;padding: 20px 13px 27px;}

bg.png is of 510X351 px

CORRECT SCREENSHOT, in all except IE8-9 — (without-white-background)
enter image description here

INCORRECT SCREENSHOT, IE8-9 — (with-white-background)
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Found answer on my own —

    Add allowtransparency="true" to iframe code.

    <iframe width="483" height="300" src="http://www.youtube.com/embed/EDPYq4BFHBI" frameborder="0" allowtransparency="true"></iframe>

    Then add background-color:transparent; to my css–

    #banner_right iframe{background:url(images/bg.png) 0 0 no-repeat;padding: 20px 13px 27px; background-color:transparent; }
    • 0