Transparantie Probleem

[michaelbeersnl]

Beste helpers,

Ik ben bezig met een nieuwe layout waarbij ik een probleem heb met transparante PNG's...
Hij maakt alle afbeeldingen waar een opacity in zit (in de PNG) volledig zwart
Uiteraard is dit weer een IE bug waar filters voor zijn maar zelf kan ik het niet thuisbrengen waar t mis gaat...

Voor het eventuele voorbeeld: http://www.michaelbeers.nl
Open hem in IE en het probleem wijst zich vanzelf...

#slider_container
{
	padding-top: 160px;
	height: 80px;
	z-index: 2;
	
	/**
	 * gradient background with fallback
	 */
	background: #329ECF url('shadow.png') repeat-x top left;
	background: -webkit-gradient(linear, left top, left bottom, from(#64B6DB), to(#329ECF)) url('shadow.png') repeat-x top left; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #64B6DB,  #329ECF)  url('shadow.png') repeat-x top left; /* for firefox 3.6+ */   
}

.roundabout-holder {
	list-style: none;
	margin: 0px auto;
	width: 70%;
}

.roundabout-moveable-item {
	width: 470px;
	height: 274px;
	cursor: pointer;
}

.roundabout-moveable-item img {
	width: 100%;
	height: 100%;
}

.roundabout-in-focus {
	cursor: auto;
}

 

[csshunter]

Hoi michael,
O - op dit moment laat IE hetzelfde zien als de rest.
Maar de hele <div id="slider_container"> staat intussen ook niet meer op de pagina.

Andere oplossing gevonden, of bestaat 't probleem nog steeds?

 

[michaelbeersnl]

Ik heb inmiddels tijdelijk een oplossing maar niet degene die ik wil...
Verder heb ik de website verplaatst het is namelijk mijn sandbox website ik zal gelijk de link even naar mn site verplaatsen

Normaal gebruik ik het DXImageTransform filter maar dit heeft geen effect om een of andere reden dus heb er maar een witte achtergrond achter gezet

 

[csshunter]

Heb je ook een testpagina met de bedoeling, waarop IE zo zwartgallig is en de rest niet?

 

[michaelbeersnl]

Tuurlijk er staan nu 3 afbeeldingen bij met een schaduw waar het goed op te zien is