on IE8 my divs get a wrong color
Hello,
today, i tried you nice script css3pie, but I think I made a mistake?
Please have a look:
http://www.webstreet49.de/_neu/I don´t know, what went wrong with my css-code...or is it a bug?
I have for example a div with a view classes "spalte spalte1 c33l sp_gruen"
Code:
.subcolumns
{
width: 100%;
}
.subcolumns .spalte {}
.subcolumns .spalte1 { margin: 0 14px 0 0; }
.subcolumns .spalte2 { margin: 0 14px 0 0; }
.subcolumns .sp_gruen {
border: 1px solid #799cac;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
box-shadow: 2px 2px 3px black;
-moz-box-shadow: 2px 2px 3px black;
background-color: #7cc242;
background: -moz-linear-gradient(top, #7cc242, #D3F8B2);
background: -webkit-gradient(linear, center top, center bottom, from(#7cc242), to(#D3F8B2));
behavior: url("/_neu/fileadmin/sys_scripts/htc/PIE.htc");
}
.subcolumns .sp_gruen h1, h2, h3, h4, h5, h6 { color: black; }
.subcolumns .sp_gruen p.bodytext { color: #1A171B; }
.subcolumns .sp_blau1 {
border: 1px solid #799cac;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
box-shadow: 2px 2px 3px black;
-moz-box-shadow: 2px 2px 3px black;
background-color: #0095da;
background: -moz-linear-gradient(top, #0095da, #D0EBF6);
background: -webkit-gradient(linear, center top, center bottom, from(#0095da), to(#D0EBF6));
behavior: url("/_neu/fileadmin/sys_scripts/htc/PIE.htc");
}
.subcolumns .sp_blau1 h1, h2, h3, h4, h5, h6 { color: black; }
.subcolumns .sp_blau1 p.bodytext { color: #1A171B; }
.subcolumns .sp_blau2 {
border: 1px solid #799cac;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
box-shadow: 2px 2px 3px black;
-moz-box-shadow: 2px 2px 3px black;
background-color: #6c97ab;
background: -moz-linear-gradient(top, #6c97ab, #DEE1E2);
background: -webkit-gradient(linear, center top, center bottom, from(#6c97ab), to(#DEE1E2));
behavior: url("/_neu/fileadmin/sys_scripts/htc/PIE.htc");
}
.subcolumns .sp_blau2 h1, h2, h3, h4, h5, h6 { color: black; }
.subcolumns .sp_blau2 p.bodytext { color: #1A171B; }
Code:
<div class="subcolumns">
<div class="spalte spalte1 c33l sp_gruen"><div class="subcl"><div id="c30" class="csc-default"><div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">WEB Starterpaket</h2></div><p class="bodytext">für Existenzgründer,<br />Selbstständige,<br />Berufsanfänger,<br />Jungunternehmer. <br /><br />...mehr<br /><br /></p></div></div></div>
<div class="spalte spalte2 c33l sp_blau1"><div class="subcl"><div id="c31" class="csc-default"><div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">WEB-Seiten neu erstellen oder überarbeiten</h2></div><p class="bodytext">Sie sind bereits im<br />Internet präsent?<br />Brauchen Sie eine<br />neue Seite oder<br />braucht<br />Ihre Seite eine<br />Überarbeitung? <br /><br />...mehr<br /><br /></p></div></div></div>
<div class="spalte spalte3 c33r sp_blau2"><div class="subcr"><div id="c32" class="csc-default"><div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">WEB-Shop- & Extralösungen</h2></div><p class="bodytext">Spezielle Anforderungen<br />benötigen<br />individuelle Lösungen<br />um erfolgreich<br />zu sein. <br /><br />...mehr</p></div></div></div>
</div>
And your PIE.htc made wrong color intesions (opacity) ?
What went wrong?
This issue only appears on IE8.
--> The hole div appears width much much lighter color and w/o linear gradient.
Could you please help me?
Thanks and kind regards,
Daniel
Forums
