heinetz: Eigenartiges Verhalten mit der BachgroundColor im IE6

Beitrag lesen

SELF-Forum

Eigenartiges Verhalten mit der BachgroundColor im IE6

heinetz
– Informationen zu den Bewertungsregeln

hi,

an der Grafik liegt es definitiv nicht, denn das Symptom tritt auch bei einem gif und selbst ganz ohne Grafik auf. Folgend der Code:

beste gruesse,
heinetz

  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <meta http-equiv="imagetoolbar" content="no" />  
 <title>FancyBox 1.3.1 | Demonstration</title>  
 <script type="text/javascript" src="../fancybox/jquery-1.4.2.min.js"></script>  
 <script type="text/javascript" src="../fancybox/jquery.mousewheel-3.0.2.pack.js"></script>  
 <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.1.js"></script>  
 <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.1.css" media="screen" />  
 <style>  
 body{  
  
 }  
  
 #iphone{  
 width:362px;  
 height:616px;  
 background: url("mobile_preview/iphone_front.png") no-repeat scroll 0 0 transparent;  
 /*background: transparent !important;*/  
 padding-left:33px;  
 padding-top:134px;  
 }  
  
 #iphone .statusbar{  
 width:320px;  
 height:20px;  
 background: url("mobile_preview/iphone_status.png") no-repeat scroll 0 0 transparent;  
 }  
  
 #iphone .info_link{  
 position:relative;  
 left: 26px;  
 display:block;  
 height:20px;  
 width:37px;  
 cursor:pointer;  
 background: url("mobile_preview/iphone_info.png") no-repeat scroll 0 0 transparent;  
 }  
  
 #iphone .inner{  
 background: url("throbber.gif") no-repeat scroll center center white;  
 width:320px;  
 height:418px;  
 }  
  
 #iphone .frame{  
 display:block;  
 position:absolute;  
 left: 33px;  
 }  
  
 #iphone .info{  
 display:none;  
 background: none repeat scroll 0 0 white;  
 height: 398px;  
 padding: 10px;  
 position: absolute;  
 text-align: left;  
 width: 300px;  
 }  
  
 #iphone .info a{  
 cursor:pointer;  
 text-decoration: underline;  
 }  
  
 #iphone .homebutton{  
 cursor:pointer;  
 display:block;  
 position: absolute;  
 bottom:37px;  
 left:157px;  
 width:72px;  
 height:72px;  
 background: url("mobile_preview/iphone_home.png") no-repeat scroll 0 0 transparent;  
 }  
  
 #fancybox-outer{  
 background: transparent !important;  
 }  
  
 </style>  
  
 <script type="text/javascript">  
  $(document).ready(function() {  
   $("#mobile_preview").click(function(){  
    $.fancybox(  
     '<div id="iphone"><div class="statusbar"><span class="info_link"></span></div><div class="inner"><iframe class="frame" scrolling="auto" src="http://www.daimler-betriebskrankenkasse.leo.dev/_admin/?site_id=1&mode=6" width="320" height="418" marginheight="0" marginwidth="0" frameborder="0"></iframe><div class="info"><h1>Info</h1><a>Info schliessen</a></div><span class="homebutton"></span></div></div>',  
     {  
      'margin' : 0,  
      'padding' : 0,  
      'scrolling' : 'no',  
      'autoScale'   : false,  
      'transitionIn'  : 'none',  
      'transitionOut'  : 'none',  
      'overlayOpacity' : 0.9,  
      'showCloseButton' : false  
     });  
     $('*').css('background','none');  
     $('#fancybox-outer, div[id^=fancy-bg]').css('background','none');  
     $('#iphone .homebutton').attr('title', 'Ansicht schliessen').click(function(){$.fancybox.close();});  
     $($('#iphone .frame')[0].document).ready(function(){$('#iphone .frame').show();});  
     $('#iphone .info a').click(function(){$('#iphone .info').hide();});  
     $('#iphone .info_link').click(function(){$('#iphone .info').show();});  
   });  
  
  });  
 </script>  
</head>  
<body>  
  
<a id="mobile_preview" href="?site_id=3">iPhone</a>  
  
  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln