回首页 ◎ 设为首页  
◎ 收藏本站  
◎ 联系我们  
  首 页  网络资讯  教程资料  免费资源  建站指南  休闲娱乐  经典整站  访客留言  
  当前位置:首 页 >> 教程资料 >> 网页制作 >> 了解一下ie7 下hack的方法
最 新 推 荐
淘宝网店“设计装修”..推荐
网页制作常见105个问..推荐
使用FrontPage2000注..推荐
网页制作常用代码推荐
颜色代码大全推荐
热 门 排 行
北京奥运会倒计时代码
如何在网页中插入Flas..
网页自动点击广告代码
星空动态星空背景特效..
如何用Frontpage下载..
网页两侧浮动广告代码
离开时自动提示设为首页
颜色代码大全推荐
怎么使网页跳转地址栏..
站长常用广告代码的表..
淘宝网店“设计装修”..推荐
在网页上设计飘动广告
网页制作常用代码推荐
网页常用特效整理:高..
网页制作常见105个问..推荐
使用css设置iframe样式
最 近 更 新
CSS在表格边框上的美..
Flash文件中多个swf调..
圆角边框的代码
股票即时行情查询系统
万能音.视频在线转换..
仿3721窗口拖动的代码
美化的GOOGLE广告代码
修改discuz5.5,让广..
一些所谓的CSS的“顶..
中英文双语导航菜单
广 告 位 置
站 内 搜 索
关键词

搜索方式

搜索范围

精确匹配
了解一下ie7 下hack的方法

来源:盛绿设计 等级:默认等级
发布于2006-11-02 08:38 被读38次 【字体:

以前在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>


相关专题:暂无相关专题

上一篇:JS实现仿新浪信息提示效果
下一篇:XHTML代码的基本应用

共有评论 0 条 网友评分 0分 查看全部

【发表评论】 评分:1分 2分 3分 4分 5分


Powered By Www.Xydw.COM Ver1.14 管理
Copyright © 2004-2005 盛绿设计 All Right Reserved. XCMS
冀ICP备06026128号