<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vimeo Archives - Beshoy Girgis</title>
	<atom:link href="https://beshoy.girgis.us/tag/vimeo/feed/" rel="self" type="application/rss+xml" />
	<link>https://beshoy.girgis.us/tag/vimeo/</link>
	<description>Father, husband, son, nerd.</description>
	<lastBuildDate>Sun, 12 Mar 2017 08:04:56 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Vimeo wmode transparent</title>
		<link>https://beshoy.girgis.us/2012/12/vimeo-wmode-transparent/</link>
					<comments>https://beshoy.girgis.us/2012/12/vimeo-wmode-transparent/#respond</comments>
		
		<dc:creator><![CDATA[Beshoy Girgis]]></dc:creator>
		<pubDate>Sun, 02 Dec 2012 03:36:02 +0000</pubDate>
				<category><![CDATA[Nerdy]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Vimeo]]></category>
		<category><![CDATA[wmode]]></category>
		<guid isPermaLink="false">http://beshoy.girgis.us/?p=242</guid>

					<description><![CDATA[I occasionally run into the issue of needing to place something on top of a YouTube or in the case of a project I&#8217;m currently working on, Vimeo.  The embed code is an iframe and trying what I&#8217;d tried for Youtube doesn&#8217;t work ( append to the url ?wmode=transparent or if there are already parameters being passed, <a class="read-more" href="https://beshoy.girgis.us/2012/12/vimeo-wmode-transparent/">[&#8230;]</a>]]></description>
										<content:encoded><![CDATA[<p>I occasionally run into the issue of needing to place something on top of a YouTube or in the case of a project I&#8217;m currently working on, Vimeo.  The embed code is an iframe and trying what I&#8217;d tried for Youtube doesn&#8217;t work ( append to the url ?wmode=transparent or if there are already parameters being passed, &amp;amp;wmode=transparent ).</p>
<p>The solution turned out to be very close, adding a parameter to the iframe tag itself wmode=&#8221;opaque&#8221; and then *<strong>important</strong>:* make the parent element as well as the element that needs to be above the video &#8220;position: relative;&#8221;</p>
<p>without the position: relative; the wmode won&#8217;t work so make sure you add that!</p>
<p>p.s. &#8212; it turns out that wmode=&#8221;opaque&#8221; is the default for vimeo so all you need to do is the position: relative; bit.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://beshoy.girgis.us/2012/12/vimeo-wmode-transparent/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Object Caching 19/75 objects using disk
Page Caching using disk: enhanced 
Lazy Loading (feed)
Minified using disk
Database Caching 4/61 queries in 0.057 seconds using disk (Request-wide modification query)

Served from: beshoy.girgis.us @ 2026-07-14 22:32:26 by W3 Total Cache
-->