Problema con imágenes transparentes

Tengo un problema con las imágenes porque me aparecen trasparentes con opacidad ,yo quiero que las imágenes sean sin opacidad,pero no se como hacerlo puse el código para hacer trasparente el fondo del div global pero quedo todo asi.

http://insectzoo.freetzi.com/

mi hoja de estilos:


#global { width:920px ; margin: 4px auto }
body {text-align: center;background-image: url(objetos/hormigas.jpg);background-attachment:fixed}
#global { background-color:Black;
z-index:1;
/* These three lines are for transparency in all browsers. */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity:.5;}

#cabecera {width:920px ; height:125px}
#cabecera1 {width:380px; height:102px ;float:left;background-image: url(objetos/insectzoo.jpg)}
#cabecera2 {width:518px ; height:102px;float:right}
#contenido { width:920px ; height:1300px}
#contenido1 { width:350px ; height:1200px;float:left}
#contenido2 { width:570px ; height:1200px;float:right}
#menu {width:920px ; height:40px}
#menu2 {width:920px ; height:40px}
#linea1{width:920px ; height:22px;background-image: url(objetos/linea.jpg)}
#piedepagina1 {width:920px ; height:20px}


Gracias

Hola, la verdad es que no entendí muy bien, pero tienes que tener en cuenta que las declaraciones que estas realizando son de CSS3 (las de opacidad al menos), por lo que solo IE9, Firefox 3.6 y superior y las últimas versiones del resto de los navegadores los pueden mostrar correctamente.

Así se ve en mi navegador (Firefox 4) (pincha aquí).

También puedes intentar, en lugar de utilizar la declaración CSS3 de opacity, utilizar lo siguiente:

background: transparent url('imagen.png') no-repeat;

Eso deja una imagen transparente.

Saludos.

Hola ,Skaparate .

Es mas o menos al revés, lo que quiero es que las fotos que puse se vean nítidas ,como aquí:

http://aprophecyforafantasy.blogspot.com/2010/12/paloma-valdivia.html

Y que el fondo se vea trasparente ,bueno el fondo (global )conseguí trasparentar ,pero quiero las fotos nítidas

En ese caso, quizás necesites quitarle transparencia a las imágenes del frente (el enlace que pusiste no funciona). La opacidad en firefox (opacity: x.x) en los valores más bajos (por ejemplo 0) es más transparente, por lo que 0.5 sería la mitad. En IE va de 0 a 100 siendo 0 transparente.

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)";

¿Dónde encontraste eso? La verdad es que me gustaría entenderlo :D.

filter: alpha(opacity=50); /* Esto es para Internet Explorer */
opacity:.5 /* Esto es para el resto de los navegadores */

Saludos.

Lo extraje de una pagina que hablaba del tema :

http://stackoverflow.com/questions/806000/css-semi-transparent-back…

solamente extraje el código que me interesaba y lo pege, me resulto para trasparentar el fondo (global)pero incluyo las fotos y yo no quería que incluyera las fotos.
Estoy haciendo la pagina con Dreamweaver porque se puede hacer manualmente y con estilos css pero alo mejor mi error esta en haber puesto las imágenes manualmente con Dreamweaver y debí haberlas puesto a través de la hoja de estilos ¡bueno es un lio!

pORFAVOR AYUDENME, ya busque como solucionarlo y nada aun, quiero crear un menu ahi, pero las imagenes npg muestran ese fondo feo. Las dos ultimas son formato gif

esta es la web: http://estudiandoingles.onlinewebshop.net/

mandame o dame el enlace de las imagenes para quitarles el fondo

[correo eliminado]

saludos

estas son las lineas de texto

<div align="left">
<a title="Ir a inicio" href="index.htm"><img src="coneccion/inicio.png" width="75" border="0" height="70"></a><a><img src="coneccion/artbal.gif" width="12" border="0" height="70"></a><a title="Ir a inicio" href="construccion.htm"><img src="coneccion/lapiz.png" width="75" border="0" height="70"></a><a><img src="coneccion/artbal.gif" width="12" border="0" height="70"></a><a title="Ir a inicio" href="index.htm"><img src="coneccion/mundo.png" width="75" border="0" height="70"></a><a><img src="coneccion/artbal.gif" width="12" border="0" height="70"></a><a title="Ir a inicio" href="index.htm"><img src="coneccion/tactil.png" width="75" border="0" height="70"></a><a><img src="coneccion/artbal.gif" width="12" border="0" height="70"></a><a title="Ir a inicio" href="index.htm"><img src="coneccion/contacto.gif" width="75" border="0" height="70"></a><a><img src="coneccion/artbal.gif" width="12" border="0" height="70"></a><a title="Ir a inicio" href="index.htm"><img src="coneccion/maquina.gif" width="75" border="0" height="70"></a><a><img src="coneccion/artbal.gif" width="12" border="0" height="70"></a>

Problema de imagenes PNG sin fondo en internet explorer SOLUCIONADO, COMO?


Pues yo busque por todas las web la solucion y no encontre una que me solucionara el problema de la imagenes png con fondo en internet explorer version 6.0, Este es el error comun de muchos webs masters que prueban solo sus webs en el explorer pero normalmente las nuevas versiones y en firefox y ahi todo va bien con las imagenes png, pero en la version 6.0 de explorer que es la que trae por defecto windows esta imagenes se ven con un fondo anormal y se supone que usamos las png porque no queremos que se vean fondos. Yo lo solucione asi: este era el codico de tabla que yo tenia:

<table style="border-collapse: collapse;" width="100%" bgcolor="#FFFFFF" border="1" bordercolor="#666666" cellpadding="13" cellspacing="0">

Solo cambie el bgcolor por este codigo de color #D9E9EC". Este codigo es identica mente igual a color de fondo que generan las imagenes png en explorer 6.0. Vean mi web en construccion para que entiendan un poco mejor lo que le he escrito. Espero les sirva este dato, fue mi solucion...