{"id":140,"date":"2009-11-17T22:58:01","date_gmt":"2009-11-18T05:58:01","guid":{"rendered":"https:\/\/www.artisticimposter.com\/blog\/?p=140"},"modified":"2009-11-17T22:58:01","modified_gmt":"2009-11-18T05:58:01","slug":"creating-a-transparent-flash-object","status":"publish","type":"post","link":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/","title":{"rendered":"Creating a Transparent Flash Object"},"content":{"rendered":"<p>A couple of years ago, I was working on a Web site with a couple of friends, and we began wondering if there was a way to make a SWF that would have a transparent background. The benefits of a transparent SWF were obvious: with a transparent SWF, we could create the planned Flash menu without having finalized the background color for the site, and we would have the flexibility to change the site\u2019s background whenever we wanted without having to republish the menu.<\/p>\n<p>After some research, we discovered two ways that this can be done. The key is not is the SWF itself, but rather in the HTML used to embed the Flash object. Both ways to create a transparent background are essentially the same, but the way to go about them is different.<\/p>\n<p>The first way is to publish the HTML file directly from Flash while publishing the SWF. Open the File menu and choose Publish Setting. In the Publish Settings dialog box, click the HTML tab (If the HTML tab is not there, select the checkbox next to HTML in the Formats tab and the HTML tab will appear). Click the drop-down next to Window Mode and choose Transparent Windowless (see image below). When you click Publish, this setting will add a parameter to the object tag that will make the SWF background transparent.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-141\" title=\"Transparent SWF settings\" src=\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png\" alt=\"Transparent SWF settings\" width=\"440\" height=\"533\" \/><\/p>\n<p>The second way is to edit the HTML directly. After the beginning object tag, insert a parameter named \u201cwmode\u201d, with a value of \u201ctransparent\u201d. Using the W3C validated code from my previous tutorial, <a href=\"https:\/\/www.artisticimposter.com\/blog\/adding-flash-to-a-w3c-compliant-web-page\/\">Adding Flash to a W3C Compliant Web Page<\/a>, the code should now look something like this:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-143\" title=\"Transparent SWF Code\" src=\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/code.png\" alt=\"Transparent SWF Code\" width=\"416\" height=\"116\" \/><\/p>\n<p>While transparent SWFs can definitely be handy, a word of warning should be mentioned. Not all browsers and versions of Adobe\u2019s Flash Player support transparent SWFs. As long as the person viewing the Web site has kept their browser and Flash Player updated, they will never have a problem, but as every good Web Designer knows most people don\u2019t. While this will not affect the functionality of the SWF, it could compromise the design of a site. Ultimately, my friends and I decided to forgo using a transparent SWF to make our client\u2019s Web site compatible with as many browsers as possible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A couple of years ago, I was working on a Web site with a couple of friends, and we began wondering if there was a way to make a SWF that would have a transparent background. The benefits of a transparent SWF were obvious: with a transparent SWF, we could create the planned Flash menu &hellip; <a href=\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Creating a Transparent Flash Object&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38,40,42],"tags":[36,39,41,43,13,14],"class_list":["post-140","post","type-post","status-publish","format-standard","hentry","category-flash-tutorials","category-xhtml-tutorials","category-tutorials","tag-flash","tag-html","tag-tips","tag-tutorials","tag-web-design","tag-web-site"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating a Transparent Flash Object | Artistic Imposter Design<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Transparent Flash Object | Artistic Imposter Design\" \/>\n<meta property=\"og:description\" content=\"A couple of years ago, I was working on a Web site with a couple of friends, and we began wondering if there was a way to make a SWF that would have a transparent background. The benefits of a transparent SWF were obvious: with a transparent SWF, we could create the planned Flash menu &hellip; Continue reading &quot;Creating a Transparent Flash Object&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\" \/>\n<meta property=\"og:site_name\" content=\"Artistic Imposter Design\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artisticimposter\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kbwashburn\" \/>\n<meta property=\"article:published_time\" content=\"2009-11-18T05:58:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png\" \/>\n<meta name=\"author\" content=\"Brad\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bradwashburn\" \/>\n<meta name=\"twitter:site\" content=\"@bradwashburn\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\"},\"author\":{\"name\":\"Brad\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/person\/2204a26e0617b620cb00fdb1d0111660\"},\"headline\":\"Creating a Transparent Flash Object\",\"datePublished\":\"2009-11-18T05:58:01+00:00\",\"dateModified\":\"2009-11-18T05:58:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\"},\"wordCount\":389,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png\",\"keywords\":[\"Flash\",\"HTML\",\"Tips\",\"Tutorials\",\"Web design\",\"Web site\"],\"articleSection\":[\"Flash\",\"HTML and XHTML\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\",\"url\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\",\"name\":\"Creating a Transparent Flash Object | Artistic Imposter Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png\",\"datePublished\":\"2009-11-18T05:58:01+00:00\",\"dateModified\":\"2009-11-18T05:58:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage\",\"url\":\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png\",\"contentUrl\":\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.artisticimposter.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a Transparent Flash Object\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#website\",\"url\":\"https:\/\/www.artisticimposter.com\/blog\/\",\"name\":\"Artistic Imposter Design\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.artisticimposter.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#organization\",\"name\":\"Artistic Imposter Design\",\"url\":\"https:\/\/www.artisticimposter.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2020\/12\/cropped-logo.png\",\"contentUrl\":\"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2020\/12\/cropped-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Artistic Imposter Design\"},\"image\":{\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/artisticimposter\",\"https:\/\/x.com\/bradwashburn\",\"https:\/\/www.instagram.com\/artisticimposterdesign\/\",\"https:\/\/www.linkedin.com\/company\/artistic-imposter-design\",\"https:\/\/www.youtube.com\/channel\/UC_SGOHbnI9Cy7byzKbQCFlA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/person\/2204a26e0617b620cb00fdb1d0111660\",\"name\":\"Brad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2bddfdea63dd2fdf76c199b2a705d0c374dbd6013cd40dedbc25663d4837e381?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bddfdea63dd2fdf76c199b2a705d0c374dbd6013cd40dedbc25663d4837e381?s=96&d=mm&r=g\",\"caption\":\"Brad\"},\"sameAs\":[\"https:\/\/artisticimposter.com\",\"https:\/\/www.facebook.com\/kbwashburn\",\"https:\/\/www.instagram.com\/artisticimposterdesign\/\",\"https:\/\/www.linkedin.com\/in\/kbradleywashburn\/\",\"https:\/\/x.com\/bradwashburn\",\"https:\/\/www.youtube.com\/channel\/UC_SGOHbnI9Cy7byzKbQCFlA\"],\"url\":\"https:\/\/www.artisticimposter.com\/blog\/author\/kbwashburn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a Transparent Flash Object | Artistic Imposter Design","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/","og_locale":"en_US","og_type":"article","og_title":"Creating a Transparent Flash Object | Artistic Imposter Design","og_description":"A couple of years ago, I was working on a Web site with a couple of friends, and we began wondering if there was a way to make a SWF that would have a transparent background. The benefits of a transparent SWF were obvious: with a transparent SWF, we could create the planned Flash menu &hellip; Continue reading \"Creating a Transparent Flash Object\"","og_url":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/","og_site_name":"Artistic Imposter Design","article_publisher":"https:\/\/www.facebook.com\/artisticimposter","article_author":"https:\/\/www.facebook.com\/kbwashburn","article_published_time":"2009-11-18T05:58:01+00:00","og_image":[{"url":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png","type":"","width":"","height":""}],"author":"Brad","twitter_card":"summary_large_image","twitter_creator":"@bradwashburn","twitter_site":"@bradwashburn","twitter_misc":{"Written by":"Brad","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#article","isPartOf":{"@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/"},"author":{"name":"Brad","@id":"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/person\/2204a26e0617b620cb00fdb1d0111660"},"headline":"Creating a Transparent Flash Object","datePublished":"2009-11-18T05:58:01+00:00","dateModified":"2009-11-18T05:58:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/"},"wordCount":389,"commentCount":0,"publisher":{"@id":"https:\/\/www.artisticimposter.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png","keywords":["Flash","HTML","Tips","Tutorials","Web design","Web site"],"articleSection":["Flash","HTML and XHTML","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/","url":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/","name":"Creating a Transparent Flash Object | Artistic Imposter Design","isPartOf":{"@id":"https:\/\/www.artisticimposter.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage"},"image":{"@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png","datePublished":"2009-11-18T05:58:01+00:00","dateModified":"2009-11-18T05:58:01+00:00","breadcrumb":{"@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#primaryimage","url":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png","contentUrl":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2009\/11\/flashsettings.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artisticimposter.com\/blog\/creating-a-transparent-flash-object\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artisticimposter.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Creating a Transparent Flash Object"}]},{"@type":"WebSite","@id":"https:\/\/www.artisticimposter.com\/blog\/#website","url":"https:\/\/www.artisticimposter.com\/blog\/","name":"Artistic Imposter Design","description":"","publisher":{"@id":"https:\/\/www.artisticimposter.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artisticimposter.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.artisticimposter.com\/blog\/#organization","name":"Artistic Imposter Design","url":"https:\/\/www.artisticimposter.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2020\/12\/cropped-logo.png","contentUrl":"https:\/\/www.artisticimposter.com\/blog\/wp-content\/uploads\/2020\/12\/cropped-logo.png","width":512,"height":512,"caption":"Artistic Imposter Design"},"image":{"@id":"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artisticimposter","https:\/\/x.com\/bradwashburn","https:\/\/www.instagram.com\/artisticimposterdesign\/","https:\/\/www.linkedin.com\/company\/artistic-imposter-design","https:\/\/www.youtube.com\/channel\/UC_SGOHbnI9Cy7byzKbQCFlA"]},{"@type":"Person","@id":"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/person\/2204a26e0617b620cb00fdb1d0111660","name":"Brad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.artisticimposter.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2bddfdea63dd2fdf76c199b2a705d0c374dbd6013cd40dedbc25663d4837e381?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bddfdea63dd2fdf76c199b2a705d0c374dbd6013cd40dedbc25663d4837e381?s=96&d=mm&r=g","caption":"Brad"},"sameAs":["https:\/\/artisticimposter.com","https:\/\/www.facebook.com\/kbwashburn","https:\/\/www.instagram.com\/artisticimposterdesign\/","https:\/\/www.linkedin.com\/in\/kbradleywashburn\/","https:\/\/x.com\/bradwashburn","https:\/\/www.youtube.com\/channel\/UC_SGOHbnI9Cy7byzKbQCFlA"],"url":"https:\/\/www.artisticimposter.com\/blog\/author\/kbwashburn\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/posts\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":0,"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artisticimposter.com\/blog\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}