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