• --:)欢迎访问锋网源码(:--
  • 首页
  • RSS订阅
  • 常用软件
  • 网页模板
  • 网站运作
  • 锋网学院
  • 繁體中文

  • 学院首页
  • 新闻资讯
  • 网站运营
  • 网站开发
  • 美工设计
  • 数据库类
  • 服务器类
  • 网络应用
  • 操作系统
  • 软件教学
编程开发   认证考试   网络安全   文章搜索: 高级搜索
会员登录/控制面版 您的位置: 学院首页 >> 网站开发 >> HTML、CSS >> 文章内容
 

精彩推荐

 
 

本类推荐文章

 
 

本类阅读排行

  • CSS教程:建议font-size使用e..
  • HTML网页超链接标记<A>..
  • HTML表格标记教程(24):行的水..
  • HTML表单标记教程(2):<FO..
  • HTML表格标记教程(33):单元格..
  • HTML网页图片标记<IMG>..
  • HTML表单标记教程(3):输入标..
  • DIV CSS布局浏览器兼容的问题..
  • CSS教程:li和ul标签用法举例..
  • 页边距的设定技巧(HTML)
  • 在网页上实现文字闪烁
  • HTML表格标记教程(12):边框样..
  • HTML表格标记教程(32):单元格..
  • css中用javascript判断浏览器..
  • JS的Object类的属性和方法
  • HTML教程:html水平线段<..
  • HTML表单标记教程(1):<FO..
  • HTML表格标记教程(26):单元格..
  • XHTML常用标签介绍
  • CSS定义DIV圆角边框
 
 

IE7新支持的CSS属性和属性选择符

  • 日期:2008-01-08     人气:     出处:本站收集整理     作者:
  • 字体大小:
  • 小
  • 中
  • 大

以下是IE7中新支持的属性:
min-height,max-height,min-width,max-width

这个hack还可以使最大高度兼容IE6,你可以举一反三:
{height:350px;overflow:hidden;}

以下是IE7中新支持的属性选择符:

精确属性匹配 [=] : 只有当属性完全匹配指定值的时候, 则会应用该css定义.
存在匹配 []: 只要存在这样的属性, 则应用该css定义.
连字号匹配[|=]: 使用连字号匹配的css定义. 例如: <span abc=”en-us”>dddd</span> 它就能应用 <style>[abc|=”en”] {color:red;}</style>
前缀匹配[^=]: 只有是指定属性以指定字符开始, 则应用该css定义.
子字符串匹配[*=]: 只有指定属性存在指定字符, 则应用该css定义.
后缀匹配[$=]: 只有指定属性以指定字符结尾, 则应用该css定义.
空白分隔匹配[~=]: 是指使用空格或空白间隔的属性值, 则应用该css定义. 例如: <span abc=”ddd here abc”>dddd</span> 它就能应用<style>[abc~=”here”]{color:red;}</style>



这里有几个例子:
<HTML>
<HEAD>
<TITLE>CSS3: Attribute Selectors</TITLE>
<style>
.test {color: green;display: none;}
.fail {color: red;}
[special] {display: block;}
[attr=”Value”] {display: block;}
[attr^=”B”] {display: block;}
[attr$=”n”] {display: block;}
[attr*=”ai”] {display: block;}
[attr|=”en”] {display: block;}
[attr~=”Two”] {display: block;}
[class=”fail”] {display: none;}
</style>
</HEAD>
<BODY>
<h1>CSS3: Attribute Selectors</h1>

<h2>Attribute Selector Tests</h2>
<div class=”test” special>1. Test for [] (Existence) succeeded.</div>
<div class=”test” attr=”Value”>2. Test for [=] (Value) succeeded.</div>
<div class=”test” attr=”Blue”>3. Test for [^=] (Prefix) succeeded.</div>
<div class=”test” attr=”Green”>4. Test for [$=] (Suffix) succeeded.</div>
<div class=”test” attr=”Contains”>5. Test for [*=] (Substring) succeeded.</div>
<div class=”test” attr=”en-us”>6. Test for [|=] (Hyphen) succeeded.</div>
<div class=”test” attr=”One Two Three”>7. Test for [~=] (Token) succeeded.</div>
<div class=”fail”>Attribute selector tests failed.</div>

</BODY>
</HTML>

还找到了这一点资料:http://www.webjx.com/CSS/20080108/css_2890.html

相关文章
  • IE6 IE7 FF CSS HACK
  • IE7访问https站点故障排除攻略
  • IE8、IE7、IE6、FF简单的CSS HACK测试
  • 区分IE6,IE7和firefox的CSS hack
  • 浏览器强制升级至IE7
  • IE6和IE7在Windows系统中共存
  • IE7对css选择器的改进
  • CSS教程:css属性之媒体(Media)类型
  • IE超人(IESuper) 让你的IE7更加好用
相关软件

  • 网友评论:
  • 查看所有评论
  • 我要发表评论
 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 加入收藏 | 帮助中心 |

Copyright © 2006-2007 fwvv.net  程序支持:木翼  皖ICP备06004916号