Det går att fixa. OBS png behöver var 24-bits vilket ger riktig genomskinlighet.
Två möjligheter, denna som bygger på att IE på pc och de andra nätbläddrarna behandlar vissa stylsheet grejor olika eller gammal hederlig browsercheck och två olika stylsheet:
-----------kod börjar -----------
<style>
.backgroundMenuBlue {
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/5C7E96_50.png');
}
.backgroundMenuBlue[class] {
/* IE ignores styles with [attributes], so it will skip the following. */
background-image:url(images/5C7E96_50.png);
}
</style>
<div class="backgroundMenuBlue">
<a href="">Meny länk 1</a><br>
<a href="">Meny länk 2</a>
</div>
---------slut kod-------
sizingMethod=image ger att bakgrundsbilden blir så stor ursprungsbilden är
sizingMethod=scale ger att bilden skalar upp seg att passa ytan
5C7E96_50.png är en png bild med 50 % genomskinlighet-
det går alltså att gör menyer med "äkta" skuggor
test www.sodertornsfk.com det är några grejer med menyn att fixa för safari, firefox.
Menytexten "Meny" lägger sig över meny men det har jag inte fixat ännu.
De möjligheter som attributet opacity etc. lite olika i beroend på browser, har tyvärr egenskapen att element inuti huvudelementet ärver genomskinlighet.
Lycka till.