<?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>iuttu &#187; ie</title> <atom:link href="http://www.iuttu.com/tag/ie/feed/" rel="self" type="application/rss+xml" /><link>http://www.iuttu.com</link> <description>Desarrollo web</description> <lastBuildDate>Mon, 23 Jan 2012 16:52:04 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>z-index en Internet Explorer</title><link>http://www.iuttu.com/2008/12/z-index-en-internet-explorer/</link> <comments>http://www.iuttu.com/2008/12/z-index-en-internet-explorer/#comments</comments> <pubDate>Fri, 19 Dec 2008 09:13:41 +0000</pubDate> <dc:creator>iuttu</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[css]]></category> <category><![CDATA[ie]]></category> <guid
isPermaLink="false">http://blog.iuttu.com/?p=94</guid> <description><![CDATA[Es posible que, dependiendo de los requisitos del diseño, necesitemos modificar los valores por defecto de la propiedad z-index de un elemento. Esta propiedad no tiene ninguna dificultad aparente, el valor indica la prioridad de mostrarse por encima o por debajo de otras capas -cuanto más alto el número más prioridad-. Pues pasa que en [...]]]></description> <content:encoded><![CDATA[<p>Es posible que, dependiendo de los requisitos del diseño, necesitemos modificar los valores por defecto de la propiedad <strong>z-index</strong> de un elemento. Esta propiedad no tiene ninguna dificultad aparente, el valor indica la prioridad de mostrarse por encima o por debajo de otras capas -cuanto más alto el número más prioridad-.</p><p>Pues pasa que en el navegador Internet Explorer, nos podemos encontrar que las capas no hagan caso a esta propiedad, con lo que un estilo definido de la siguiente manera:</p><div
class="wp_syntax"><table><tr><td
class="line_numbers"><pre>1
</pre></td><td
class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#pie</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-130px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">10</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div><p>no haga caso. La solución (la mayoría de las veces), es incluir la propiedad <strong>position: relative</strong> al estilo para que funcione:</p><div
class="wp_syntax"><table><tr><td
class="line_numbers"><pre>1
</pre></td><td
class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#pie</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-130px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">10</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div> ]]></content:encoded> <wfw:commentRss>http://www.iuttu.com/2008/12/z-index-en-internet-explorer/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 5/14 queries in 0.015 seconds using disk: basic

Served from: www.iuttu.com @ 2012-02-06 14:25:40 -->
