CSS特性发现记录

 

4、手形指针用cursor: pointer; 因为FF不认识:cursor: hand; 。

 

5、table不支持后代选择符样式定义,意味着除非html里明确指定table、tr、td的id、或类,否则css文件里只能定义一个唯

 

table样式。

 

   HTML代码:

 

  <div id="t1">
	<table>
		<tr>
			<td>aa</td>
			<td>aa</td>
			<td>aa</td>
		</tr>
	</table>
  </div>
  <div id="t2">
	<table>
		<tr>
			<td>bb</td>
			<td>bb</td>
			<td>bb</td>
		</tr>
	</table>
  </div>

 

 

   CSS代码:

table { border-collapse: collapse; }
	#t1 table tr,td { border: 1px solid red; }
	#t2 table tr,td { border-color: green; }/*  将t1,t2定义顺序颠倒一下,两个表格由绿变红  */

 

即使前有id,table样式还是后面的覆盖前面的,而不能分别以各自的样式显示。

 

 

8、(2009年7月3日新增)

     使用以图换字技术时,FF下内联元素不支持text-indent:-10000px;而IE6则是背景图无法显示;当对内联元素使用display:inline-block;时,FF正常,但IE6还是不能显示背景图。只能设置:display:block;将内联元素作为块级呈现或float:left/right;。

 

9、2009年7月5日17:49:49

 

<body>
    <div>aa</div>
</body>

这个body,和div设置height:100%;并设置不同的背景色,IE中div是满屏的,但是FF中没有,怎么处理?

 

答案就是html 也设置height:100%;

 

10、(2010年4月19日)IE下有序列表ol一个问题

 

<ol>
			<li>
				<p>内容块级的			
				</p>
			</li>
			<li>
				<p>内容块级的			
				</p>
			</li>
		</ol>

 

 如果对li设置了高宽度,序列前的阿拉伯数字显示就会出错,都只显示为1,而不是递增序列号。解决方法是重新定义:

display:list-item;

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值