Question

我有这个页面http：/www.digitalking.it/fxmypics可以在IE和Firefox中显示，但我在使用Chrome时遇到了问题。

似乎css没有得到很好的应用，这里是HTML代码：

<div id="slider">
<div class="box1"><?php if (function_exists('easing_slider')){ easing_slider(); }; ?></div> 
    <div class="box2"><p><a href="<?php echo site_url('/wp-login.php?action=register&redirect_to=' . get_permalink()); ?>" title="Register">REGISTER</a> / <a href="<?php echo wp_login_url(); ?>" title="Login">LOGIN</a></p>
    <div class="arrow"><img src="<?php bloginfo('template_directory'); ?>/images/arrow.png" width="22" height="35" /></div>
    <div class="upload"><a href="<?php echo get_site_url(); ?>/upload/">UPLOAD</a></div>
    </div>
    </div>

以及CSS：

#slider  .box1 { width: 490px; float:left;  } 

#slider  .box2 { width: 460px; float:left; } 

#slider  .box2 p { text-align: center; font-family: 'Dancing Script', 'Droid Serif', serif; font-weight: 700; font-size: 24px; background: url(../images/border1.png) center 0px no-repeat; position: relative; top:-10px; height:40px; padding:14px; } 

#slider  .box2 a:hover { text-decoration: none; } 

#slider .arrow  { text-align: center; position: relative; top:-10px; }

#slider  .upload  { text-align: center; font-family: 'Dancing Script', 'Droid Serif', serif; font-weight: 700; font-size: 24px; background: url(../images/border2.png) center 0px no-repeat; position: relative; top:0px; height:25px; padding:14px; }

#slider  .upload a:hover { text-decoration: none; }

有什么问题？

由于西蒙

Chrome的CSS问题

0 个答案: