Note that there are some explanatory texts on larger screens.

plurals
  1. POIE6 png bug; links don't work?
    primarykey
    data
    text
    <p>After many hours I figured out why the links within my pngs in IE6 do not work.<br> It's because Im using filter:progid:dximagetransform.microsoft.alphaimageloader within my CSS. Yet after many more hours I have not found a solution to fixing these links.</p> <p>Here is my code...</p> <p>HTML</p> <pre><code>&lt;div id="fullwidth-header-wrapper"&gt; &lt;div id="header"&gt; &lt;strong class="logo"&gt; &lt;a href="#"&gt;Google&lt;/a&gt; &lt;/strong&gt; &lt;div id="nav"&gt; &lt;ul&gt; &lt;span&gt; &lt;span style="color: white;"&gt;Prefer&lt;/span&gt; Google? Click &lt;a href="http://google.com"&gt;here!&lt;/a&gt; &lt;/span&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>CSS</p> <pre><code>#fullwidth-header-wrapper { height: 120px; } #header { background:url(../images/header-bg.png) no-repeat 50% 0; height: 138px; width: 980px; margin: 0 auto; position: relative; top:0; } .logo{ background:url(../images/logo.png) no-repeat; display:block; width:500px; height:125px; position:absolute; top:40px; left:85px; } .logo a{ display:block; width:323px; height:85px; text-indent:-9999px; overflow:hidden; } #nav { background:url(none.gif); filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/nav.png', sizingmethod='crop'); display: inline; position: absolute; top: -8px; right: 30px; width: 350px; height: 75px; z-index: 150; } #nav ul { position: relative; top: 18px; left: 0px; color: rgb(87, 175, 237); font-size: 96.8%; z-index:200; } #nav span { color: #fff; position: absolute; top: 18px; left: 0px; font-size: 96.8%; } #nav a {color: rgb(255, 255, 255);} </code></pre> <p>How do you fix this issue or avoid this and suggestions re: a possible solution for the above?</p> <p>Thanks!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload