Comunidad de diseño web y desarrollo en internet online

video sin opacity bajo iframe y div con opacity

Citar            
MensajeEscrito el 15 Nov 2014 05:32 am
Le quiero dar transparencia al fondo pero no al video... como hago?


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
#homew {
width:90%;
margin:0px auto;
background-color: black;
border: 2px solid black;
border-radius: 15px;
opacity: 0.6;
filter: alpha(opacity=60);
}
#video {
width:100%;
padding-top:10px;
padding-left:10px;
margin-top:10px;
opacity: 1;
filter: alpha(opacity=100);
}
</style>
</head>

<body>
<div id="homew">
<div id="video">
<iframe "width="420" height="315" src="https://www.youtube.com/watch?v=ZIHRXL34uks?autoplay=1" frameborder="0" allowfullscreen>
</iframe>
</div>
</div>
</body>

</html>


Desde ya muchas gracias como siempre por salvarme en mi ignorancia :P

Por lean2005

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Dic 2014 10:46 pm
Para colores tienes rgba

Código CSS :

background-color: rgba(0,0,0,0.6);


En caso de que quieras una imagen, lo mejor es insertarla en un nodo hermano, (puedes usar :before o :after)

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.