某些浏览器中的CSS半徽标

某些浏览器中的CSS半徽标,css,Css,我用css/html制作了这种表单,表单本身就可以工作,但令人尴尬的是,只有在opera和firefox中,背景图像(lostpass.jpg)才能完全显示出来。 其他浏览器如safari、chrome、rockmelt只显示了部分内容。我显然做了一些不太正确的事情,下面是代码: <style type="text/css"> html { height:100%; } body { background-color:#000000; } .container { width:765

我用css/html制作了这种表单,表单本身就可以工作,但令人尴尬的是,只有在opera和firefox中,背景图像(lostpass.jpg)才能完全显示出来。 其他浏览器如safari、chrome、rockmelt只显示了部分内容。我显然做了一些不太正确的事情,下面是代码:

<style type="text/css">
html { height:100%; }
body { background-color:#000000; }
.container { width:765px;height:600px;position:absolute;top:50%;left:50%;margin:-246px 0 0 -383px; }
.container .form { width:765px;height:600px;background:url(images/forgotpass.jpg) #000000 no-repeat center center fixed; }
.container .form .box { padding:150px 0 0 360px;opacity:.7; }
.container .form .box .box2 { color:#ff9900;display:block;width:250px;max-width:250px;height:290px; }
.container .form .box .box2 .field0 { width:100%;padding-top:13px; }
.container .form .box .box2 .field1 { width:100%;padding-top:25px; }
.container .form .box .box2 .field2 { width:100%;padding-top:25px; }
.container .form .box .box2 .field3 { width:100%;padding-top:25px; }
.container .form .box .box2 .field4 { width:100%;padding-top:25px;height:35px; }
.container .form .box .box2 .field4 .buttonx { width:100px;height:35px;margin-left:150px;padding:5px 0 0 25px;font-size:17px;cursor:pointer; }
input.fields { background:transparent;border:solid 0 #fff;width:210px;font-style:italic;height:25px;font-size:23px;color:#ff9900; }
a { text-decoration:none;color:#c0c0c0; }
a:hover { text-decoration:none;color:#ffffff; }
</style>

html{高度:100%;}
正文{背景色:#000000;}
.容器{宽度:765px;高度:600px;位置:绝对值;顶部:50%;左侧:50%;边距:-246px 0-383px;}
.container.form{宽度:765px;高度:600px;背景:url(images/forgotpass.jpg)#000000无重复中心固定;}
.container.form.box{填充:150px 0 360px;不透明度:.7;}
.container.form.box.box2{color:#ff9900;显示:块;宽度:250px;最大宽度:250px;高度:290px;}
.container.form.box.box2.field0{width:100%;padding top:13px;}
.container.form.box.box2.field1{width:100%;padding top:25px;}
.container.form.box.box2.field2{宽度:100%;填充顶部:25px;}
.container.form.box.box2.field3{width:100%;padding top:25px;}
.container.form.box.box2.field4{宽度:100%;填充顶部:25px;高度:35px;}
.container.form.box.box2.field4.buttonx{宽度:100px;高度:35px;左边距:150px;填充:5px 0 25px;字体大小:17px;光标:指针;}
input.fields{背景:透明;边框:实心0#fff;宽度:210px;字体样式:斜体;高度:25px;字体大小:23px;颜色:#ff9900;}
a{文本装饰:无;颜色:#c0c0;}
a:悬停{文本装饰:无;颜色:#ffffff;}

您至少也需要发布html。一个可行的例子将是理想的。(你可以放一个进去)刚刚找到了导致这件事的原因,这是背景图片中的固定属性,谢谢你的回复。