{"id":206,"date":"2012-02-28T14:28:12","date_gmt":"2012-02-28T14:28:12","guid":{"rendered":"http:\/\/pixert.com\/blog\/?p=206"},"modified":"2012-02-28T14:38:08","modified_gmt":"2012-02-28T14:38:08","slug":"how-to-make-ie-to-display-iframes-with-transparent-background","status":"publish","type":"post","link":"https:\/\/pixert.com\/blog\/how-to-make-ie-to-display-iframes-with-transparent-background\/","title":{"rendered":"How to make IE to display iframes with transparent background?"},"content":{"rendered":"<p>1. Add allowTransparency=&#8221;true&#8221; property to the iframe<\/p>\n<pre class=\"brush: php; title: Code Block; notranslate\" title=\"Code Block\">&lt;iframe id=&quot;frame_one&quot; src=&quot;iframe.php&quot; allowTransparency=&quot;true&quot;&gt;Browser not compatible&lt;\/iframe&gt;<\/pre>\n<p>2. Add background:transparent to it&#8217;s body tag or internal styles in the head section of an HTML page<\/p>\n<pre class=\"brush: php; title: Code Block; notranslate\" title=\"Code Block\">&lt;body style=&quot;background:transparent&quot;&gt;&lt;\/body&gt;<\/pre>\n<p>or<\/p>\n<pre class=\"brush: php; title: Code Block; notranslate\" title=\"Code Block\">\r\n&lt;style type=&quot;text\/css&quot;&gt;\r\nhtml,body { background: transparent; }\r\n&lt;\/style&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1. Add allowTransparency=&#8221;true&#8221; property to the iframe &lt;iframe id=&quot;frame_one&quot; src=&quot;iframe.php&quot; allowTransparency=&quot;true&quot;&gt;Browser not compatible&lt;\/iframe&gt; 2. Add background:transparent to it&#8217;s body tag or internal styles in the head section of an HTML page &lt;body style=&quot;background:transparent&quot;&gt;&lt;\/body&gt; or &lt;style type=&quot;text\/css&quot;&gt; html,body { background: transparent; } &lt;\/style&gt;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[54,5],"tags":[55,70,89,88,90,6],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-code-snippet","category-wordpress","tag-code-snippet-2","tag-css","tag-html","tag-html5","tag-internet-explorer","tag-wordpress-2"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-3k","jetpack-related-posts":[{"id":207,"url":"https:\/\/pixert.com\/blog\/remove-border-from-iframe\/","url_meta":{"origin":206,"position":0},"title":"Remove border from iframe","author":"Pixel Insert \/ Pixert","date":"February 28, 2012","format":false,"excerpt":"Add the frameBorder attribute. It's case-sensitive [php]<iframe src=\"iframe.php\" width=\"300\" height=\"300\" frameBorder=\"0\" scrolling=\"no\">Browser not compatible<\/iframe>[\/php]","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":393,"url":"https:\/\/pixert.com\/blog\/add-facebook-like-box-change-language-local\/","url_meta":{"origin":206,"position":1},"title":"How to add Facebook Like Box and change language to local","author":"Pixel Insert \/ Pixert","date":"September 21, 2014","format":false,"excerpt":"Facebook Like Box\u00a0allows website owners to provide their visitors with an easy way to join their facebook community and get updates right in their Facebook news feed with a click to like from\u00a0their website. It\u00a0is\u00a0a good\u00a0way\u00a0to promote a \u00a0Facebook Page. Facebook Like Box only works for Facebook Pages, this isn't\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2014\/09\/facebooklikebox.jpg?fit=447%2C547&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":42,"url":"https:\/\/pixert.com\/blog\/add-facebook-like-to-wordpress\/","url_meta":{"origin":206,"position":2},"title":"Add Facebook Like to WordPress","author":"Pixel Insert \/ Pixert","date":"March 10, 2011","format":false,"excerpt":"Facebook released Social Plugin in their recent F8 conference. It lets you see what friends have liked, commented on or shared on sites across the web. The Facebook button enables users to post pages from that site back to your Facebook profile with one click I added Facebook button manually\u2026","rel":"","context":"In &quot;WordPress&quot;","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/do-you-have-facebook.jpg?fit=500%2C373&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":289,"url":"https:\/\/pixert.com\/blog\/full-screen-background-on-wp-login-page\/","url_meta":{"origin":206,"position":3},"title":"Full Screen Background on WP Login Page","author":"Pixel Insert \/ Pixert","date":"March 5, 2013","format":false,"excerpt":"The following function add full screen background on WP Login page 1. Open functions.php in your theme directory 2. Add this function to functions.php [text] \/\/ LOGIN - full background function my_login_style() { ?> <style type=\"text\/css\"> body.login { background:url('http:\/\/yourwebsiteaddress.com\/wp-content\/uploads\/wploginbg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"WordPress - the logo","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":179,"url":"https:\/\/pixert.com\/blog\/how-to-change-the-bullet-size-and-color-css\/","url_meta":{"origin":206,"position":4},"title":"How to change the bullet size and color with CSS","author":"Pixel Insert \/ Pixert","date":"December 20, 2011","format":false,"excerpt":"The following code snippet help you change the bullet size and color of your unordered lists. We are using simple CSS code to do that 1. Create your bullet list image via Adobe Photoshop or you can use another image editor to do that (e.g Pixelmator). Save the image as\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/12\/csslogo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":222,"url":"https:\/\/pixert.com\/blog\/wpzoom-featured-category-widget-videozoom\/","url_meta":{"origin":206,"position":5},"title":"WPZoom Featured Category Widget with video for Videozoom theme","author":"Pixel Insert \/ Pixert","date":"April 6, 2012","format":false,"excerpt":"I made the following widget code to show Featured Category with Video embed code. The following widget works with Videozoom theme from WPZoom Open wpzoom-widgets.php in the functions folder of Videozom. \u00a0Add the following code at the bottom of the wpzoom-widgets.php [php] \/*---------------------------------------------*\/ \/* WPZOOM: Featured Category widget with Video\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}