IE6 FF difference in toolbar menu - Ext JS

最新推荐文章于 2022-03-08 13:11:04 发布

最新推荐文章于 2022-03-08 13:11:04 发布 · 60 阅读

文章标签：

#EXT #JavaScript #CSS #YUI #HTML #ViewUI

extJs 专栏收录该内容

281 篇文章

订阅专栏

本文探讨了在不同浏览器（如Firefox与IE6）中显示相同工具栏样式时遇到的问题。作者提供了一个简单的HTML示例代码，展示了如何使用Ext JS框架创建工具栏，并指出在IE6中工具栏呈现效果不佳，尤其是鼠标悬停状态下的按钮样式。

This is a very simple example. And it doesn't seem to occur on a larger scale...
With the below example however FF looks great(bar across the screen with mouse over button)
IE6 makes it look like an italicized button with no mouse over...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Untitled Document</title>
	</head>
	<body>
		<link rel='stylesheet' type='text/css' href='ext/resources/css/ext-all.css' />
		<script type='text/javascript' src='ext/yui-utilities.js'></script>
		<script type='text/javascript' src='ext/ext-all.js'></script>
		<script type='text/javascript' src='ext/ext-bridge-yui.js'></script>
		<script type='text/javascript'>
			Test = function(){
				var toolbar;
				return{
					Init:function(){
						toolbar = new Ext.Toolbar(document.body);
						toolbar.add(
							{
					            text:'Test'
			        		}
						);
					}
				}
			}();
			
			Ext.onReady(Test.Init);
		</script>
	</body>
</html>

Again this doesn't occur in my project's usage of the toolbar. I don't know if this might solve some future problems or not. I thought I would share it though..