我最近遇到了一个IE7唯一的错误,我认为我会分享,所以当我从现在起6个月来到这个网站找出同样的东西时,我会把它放在手边.
我相信重建这个bug的最简单的方法是在声明的DOCTYPE声明的页面下面的HTML(它正常工作中的"怪癖模式" /无文档类型):
<div style="overflow: auto; height: 150px;">
<div style="position: relative;">[...]</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在IE7中,外部div是固定大小,内部div相对定位并包含更多内容(假设内部div导致溢出).在所有其他浏览器中,这似乎按预期工作.
截图:

HTML =>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div style='border: 1px solid red; width: 100px;'>
<a href="#">foo</a>
<a href="#"style="border-color: blue; float: right;">bar</a>
</div>
something
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我遇到了IE7的问题(不需要IE6支持)
在IE7上渲染的html看起来像这样=>
alt text http://i48.tinypic.com/saxs9d.jpg
我需要它看起来像这样(目前在chrome/ie8上工作)=>
alt text http://i49.tinypic.com/2ufgbr4.jpg
我应该改变什么?:)
我刚刚发现了box-sizing: border-boxCSS属性,它为我解决了一堆跨浏览器布局问题.
我现在唯一的问题是IE7似乎不支持它.有没有让IE7支持它的黑客攻击?
如何用jQuery检测IE7可能使用jQuery.browser?
可能重复:
在IE7中调试JavaScript
Firefox有Web Developer插件和Firebug用于解决html/css/javascript问题.谷歌浏览器和Safari具有非常类似的控制台和"检查元素"的右键单击选项.
IE7是否有类似的故障排除布局/ html/css问题?
我正在从JSON事件源解析日期 - 但日期在IE7/8中显示"NaN":
// Variable from JSON feed (using JQuery's $.getJSON)
var start_time = '2012-06-24T17:00:00-07:00';
// How I'm currently extracting the Month & Day
var d = new Date(start_time);
var month = d.getMonth();
var day = d.getDate();
document.write(month+'/'+day);// "6/24" in most browsers, "Nan/Nan" in IE7/8
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?谢谢!
在我们的UI应用程序中,我们使用JSF或Prime面.我们想隐藏我们应用程序的滚动条,但我们正在努力在Internet Explorer中实现这一点(我们正在使用IE7).
有没有办法阻止在Internet Explorer中显示滚动条?我试图放入overflow: hidden;CSS,但它不起作用.
我已经在DOM试图几乎每一个节点并设置width/ height对100%,有margin: 0px,padding: 0px.似乎在Firefox中运行良好,但它在IE7中不起作用?
所以我有一个利用Web浏览器组件的C#Form应用程序.显然是Response.Write(Request.Browser.Version.ToString()); 当我从Web浏览器组件访问我的测试页时返回"7.0".
如何使这个Web浏览器组件使用IE8?
c# webbrowser-control internet-explorer-8 winforms internet-explorer-7
我正在尝试在我的网站上的表单上使用jQuery Validation插件.该表单适用于FF,Chrome,Opera和Safari.它还没有在IE7或IE8中工作.
下面是我的代码的简化版本,似乎适用于每个浏览器,但IE.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var validator = $("form").validate ({
rules: {
first_name: "required"
},
messages: {
first_name: "Enter your firstname"
}
});
});
</script>
</head>
<body>
<form method="post">
<label for="first_name" class="hide">First Name</label>
<input type="text" name="first_name" value="" id="first_name" class="required" />
<button type="submit" id="submit" name="submit">Submit</button>
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
编辑:我们现在知道使用jquery最新,我使用jQuery v1.6,是问题.我改回到v1.5.2并改变了
var validator = $("form").validate ({
Run Code Online (Sandbox Code Playgroud)
至:
$("form").validate ({
Run Code Online (Sandbox Code Playgroud)
现在一切都在IE中运行.谢谢.
jquery internet-explorer jquery-validate internet-explorer-8 internet-explorer-7
我见过人们zoom: 1;在HTML元素上应用CSS属性.
他们为什么这样做,以及它修复了什么错误?
css internet-explorer internet-explorer-7 internet-explorer-6