软件频道>网页陶吧>网页制作教程网站推广ASP视频教程网页制作手册|软件频道产品中心 软件下载
您现在的位置: 天极网 > 软件频道 > 网页陶吧 > 推荐:了解一下ie7 下hack的方法
全文

推荐:了解一下ie7 下hack的方法

2006-11-01 10:19作者:正淳出处:uiplanet.com责任编辑:龙犊

以前在ie5.01、ie5.5、e6、firefox下已经显示正常的页面现在遇到了ie7,可能就会显示的不一样。
这和ie7支持了important有很大的关系.
所以现在使用简单的选折符
关于更具体的介绍,看下html中介绍吧!!!!

<style>
div.Explorer{
display:none;
margin:5px;
padding:5px;
width:200px;
line-height:150%;
border:2px #666 solid;
}
div.Explorer dl dt{
font-weight:bold;
}
/*针对IE7的hack*/
*+html div.IE7{
display:block !important;
display:none;
}
</style>
<div class=”Explorer IE7″>注意”*+html”是css的中的选择符,很幸运的被ie7与ie5.01所使用,而区分ie7与ie5.01又有很简单的方法,便是important,这样把important写在前面,就形成了单独针对ie7 hack的方法了。平时大家记得以下几点,可避免许多乌七八糟的兼容性问题
<dl>
<dt>遵循将 padding/border 和固定宽度同时应用到同一元素。 </dt>
<dd>IE5 错误的区块模型是罪魁祸首,是它把事情弄得乱七八糟。虽然有补救方案,不过最好是绕过这个问题,当子元素的宽度固定时,为其父元素指定padding。 </dd>
<dt>如果布局中一定要用浮动对象,别忘了适时使用清除(clear)属性。 </dt>
<dd>浮动元素似易实难,而且难以驾驭。如果您发现浮动对象伸出了容器的边界,或者不像您所期望的那样显示,请检查您的期望是否正确。 </dd>
</dl>
</div>
<div class=”Explorer”></div>
<div class=”Explorer”></div>
<div class=”Explorer”></div>
<div class=”Explorer”></div>

  访问经典网站建设类教程>>


  阅读关于 ie7 hack 网页陶吧 龙犊 的全部文章

软件资讯·软件下载尽在天极软件

相关搜索:
关注此文读者还看过
热门关注
特别推荐
文章排行
本周
本月
最近更新
关于我们|About us|网站律师|天极服务|电子杂志|RSS订阅|加入我们|网站地图
TMG
Copyright (C) 1999-2009 Chinabyte.com, All Rights Reserved 版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868
版权声明 在线提交意见反馈 渝ICP证B2-20030003号
经营性网站备案信息 网警备案 中国网站排名
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众