Note that there are some explanatory texts on larger screens.

plurals
  1. POFirefox changes image color to background color
    primarykey
    data
    text
    <p>I use Typo3 for creating a website. I create a black line by using an image called "schwarz.png" with height of 2 px and width of 1 px. Typo3 converts this:</p> <pre><code>&lt;div id="ueberschrift"&gt;&lt;strong&gt;Welcome&lt;/strong&gt;&lt;br&gt;&lt;img src="typo3temp/pics/e0c3d9b5bf.png" width="490" height="2" border="0" alt="" /&gt;&lt;/div&gt; </code></pre> <p>This works fine for the first step.</p> <p>On the right side of the webpage I use tt_news for displaying news. Inside a single news I create a similar line like above for an external link. tt_news uses "schwarz.png" without any transforming.</p> <pre><code>&lt;h3&gt;&lt;a href="http://www.ka-it-si.de/events/detail.php?navid=5&amp;amp;veranstaltungid=1248059136" target="_blank" class="extLink" title="Sicher - sicherer - Android?"&gt;Sicher - sicherer - Android?&lt;img src="fileadmin/shapes/schwarz.png" height=2 width=160&gt;&lt;br /&gt;&lt;/a&gt;&lt;/h3&gt; </code></pre> <p>This works fine for the first step too. </p> <p>Some settings/opacity of the page:</p> <pre><code>/* Marginal areas &amp; page background */ body { width:1440px; height:900px; background-color:rgb(236,115,122); padding: 0; margin-right: auto; margin-left: auto; } /* Layout Properties */ .page_margins { display:block; width:960px; position:absolute; background-color:#ffffff; opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } </code></pre> <p>I tested this side using Safari 5.1.7 and Firefox 13.0.1. (Mac OS x 10.7.4). </p> <p>The strange effects in Firefox browser: </p> <p>Now I move (no click!) the cursor over the line in the news-area and the color of the black line changes to the color of the background. This effect doesn't appear in the "ueberschrift"-division. </p> <p>Then I enlarge the page by cmd+ until the background disappears completely. Now the black line in the "ueberschrift"-division as well as the black line in the news-area change their colors to the background color automatically! </p> <p>Safari works fine!</p> <p>What's wrong? Or is this a 'special Firefox-feature'?</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.
    1. This table or related slice is empty.
    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