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.
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
Post a Comment