Bild-Transparenz?

Sharpadox · 22. September 2013

Hey,

ich wollte in HTML dieses Bild (PNG) einfügen:

Jedoch ist es nun nicht so "rundlich-diagonal" sondern einfach ein graues Viereck ..
Also so:

Ich habe es versucht mit background-color:transparent; aber das ging nicht.
Wie kann ich das dann fixxen

xGreekz7x · 22. September 2013

Wenn du uns nicht ein bißchen mehr vom Code zeigst, können wir dir nicht helfen

Sharpadox · 22. September 2013

//HTML
<img src="template/endlightnav.png" />

//CSS
img {
background-color: transparent;
}

xGreekz7x · 22. September 2013

Das bringt mir genau so wenig davor....
Ist das Bild vllt in einem DIV - Container der die gleiche Hintergrundsfarbe hat?
Kannst du hier mal ne Live Preview posten?

Sharpadox · 22. September 2013

Der ist in dem hier drinnen:
<body>
<center>
<div id="all">
<div id="header">
<div id="navigation">
<div id="nav_left">

Also nav_left.
#nav_left {
float: left;
background:url(lightnav.png);
height: 41px;
position: absolute;
border-radius:7px 0px 0px 0px;
}

Longibotti · 25. September 2013

Ih, ein <center> Tag

Wie sieht Lightnav aus? Haben #navigation, #header oder #all irgendwelche Hintergründe?

PS: HTML5 hat elegantere und suchmaschinen-freundlichere Angebote: <header>, <nav>, <article> und <footer>

breadfish.de 12. März 2022