2

我的表单的css代码，

form {
            margin:0 auto; 
            text-align:left;
            width:740px;
            border:1px solid #ccc;
            padding:15px;
            background:#fff;
            border-radius: 10px; 
            -moz-border-radius: 10px; 
            -webkit-border-radius: 10px; 
            box-shadow: 0 0 4px #ccc; 
            -webkit-box-shadow: 0 0 4px #ccc; 
            -moz-box-shadow: 0 0 4px #ccc;
            behavior: url(./border-radius.htc);
            font-family:Calibri;
            height: auto;
        }

JS小提琴

我希望表单背景随表单扩展，它发生在 Chrome 中，但不在 IE8 中。

我有一些隐藏的 DIV，根据选择设置为可见。

另外，我怎样才能让 Chrome 和 IE 的 CSS 格式看起来相似。

例如：如果我想让 2 div 可见，表单会相应扩展，但问题是表单边框不会在 IE 中扩展。

请查看 jsfiddle 中的整个工作代码

在此处输入图像描述

4

1 回答 1

0

创建一个围绕表单的容器 div（在本例中称为 formcontainer）并将以下 CSS 样式移动到该类。

    .formcontainer{
      border-radius: 10px;  
      -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        box-shadow: 0 0 4px #ccc; 
        -webkit-box-shadow: 0 0 4px #ccc; 
        -moz-box-shadow: 0 0 4px #ccc;  
        border:1px solid #ccc;
        padding:15px;
        width: 740px;
    }

那么你的表单应该有以下css规则：

        form {
        margin:0 auto; 
        text-align:left;
        width:100%;
        background:#fff;    
        behavior: url(./border-radius.htc);
        font-family:Calibri;
        height: auto;
    }

我不确定您的行为属性在做什么，因此您可能还需要将其移动到容器 div 中。

http://jsfiddle.net/Jzbgj/1/

在旁边

此外，您的 JavaScript 可能需要修改，因为当我输入我的出生日期时它显示我的年龄为 25 岁，而它应该是 24 岁。

这可能有助于您计算年龄： Calculate age in JavaScript

于 2013-07-31T12:55:54.660 回答