iframe - Internet Explorer fixed positioning youtube embed issue -


hi trying create fixed 100% width/height youtube embed, when hover mouse under bottom of screen div appears. works in chrome, firefox, opera12, opera15 not in ie10. please see jsfiddle below see mean.

http://jsfiddle.net/gqurn/

below css

*{     padding:0px;     margin:0px; } body{     width:100%;     height:100%;  }  html{     width:100%;     height:100%; } iframe{     position:fixed;     top:0px;     left:0px;     z-index:0;     height:100%;     width:100%; }  #bannercontainer{     position:fixed;     z-index:1;     bottom:0px;     left:0px;     height:150px;     width:100%;     background:transparent;   }  #banner{     width:70%;     background-color:pink;     height:150px;     display:none;        margin:auto; }  #bannercontainer:hover #banner{     display:block; } 

ie10 (or ie) can't handle background:transparent;. should use background:rgba(0,0,0,0) works same work. although not supported older browser such ie8.


Comments

Popular posts from this blog

matlab - Deleting rows with specific rules -

php - MySQLi multi_query results for later use -