Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
                        
                        6年前关闭。
                                                                                            
                
        
我知道Bootstrap 3与IE7不兼容。但是,我需要使它适用于我正在构建的表单。这是没有响应的..只需要与IE7一起很好地工作,包括错误消息...

通过在IE7和其他任何不错的浏览器(例如Chrome)上进行比较可以看到,状态和年龄字段并没有并排对齐。第二对勾框未对准第一对勾框的右侧...,并且在输入详细信息按钮上方有黑线。有什么帮助吗?

即使IE7的份额极低,但这也是客户想要的。我喜欢使用Bootstrap,他不希望任何响应...甚至都不希望%/ em等。想要固定宽度。因此,代码具有固定的宽度。

为了从下面回答另一个问题,我希望bootstrap3具有某种CSS补丁,使其可用于IE7或至少指导我如何解决此处列出的问题。但是我最终还是修复了它们。所以,谢谢大家。

链接在这里

http://staging.serviceportal.com.au/service05/discovery_2014.do

我解决了如下问题

body .container {
    width: 900px
}
body input {
    height:20px !important;
}
/*.form-control{
    behavior: url(http://localhost/On%20Going/Discovery/January2014/discovery/web/pie/PIE.htc);
}*/
body select {
    height: 34px !important;
    width: 120px !important;
}

.firstName, .lastName, .age{
    margin-bottom:15px
}

.col-sm-6 {
width: 50%;
}
.tick1{
    padding-left:0px;
    width:160px !important
}

.discoveryButton, .discovertMandatoryText{
    float:left !important
}
.discoveryButton{
    width:154px !important
}
.discoveryButton #submit{
    text-indent:-9999px;
    display:block
}
.discovertMandatoryText{
    width:139px !important
}
.col-sm-7.tick2.has-pretty-child{
    padding-left:0px;
    width:270px;
    margin-left:150px;
    margin-top:-70px;
}
.age-state .age{
    width:118px;
}
.email{
    margin-top:10px;
}
.stars{
    margin-left:10px;
}
select.state{
    margin-left:60px
}
.state .stars{
    margin-left:35px !important
}


因此,我基本上要做的是在更好的浏览器(如Firefox)中查看firebug,并获得所需的边距,填充和宽度。我只是将它们复制到IE7.css文件中。而且有效。是的,它在ie7中没有响应。但是,通过做我所做的事情,我能够使它在IE7中看起来更好。我猜如果有人在使用bootstrap3,请务必查看IE7中的padding / margin / width。然后采用这些值,并在IE7中添加仅CSS文件。希望它能工作并帮助某人

最佳答案

如果绝对必须具有IE7兼容性,请使用条件语句来定位IE7,并根据需要添加样式来解决您遇到的问题:

<!--[if IE 7]>
   <link rel="stylesheet" type="text/css" href="your_css_dir/ie7.css" />
    - OR -
    include your IE7 specific css here...
<![endif]-->

关于html - 使用 bootstrap 3的Internet Explorer 7(Ie7)上的一些CSS问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21225632/

10-13 02:46