【ibokan】a标签、hack以及透明度知识点

一、a标签

a:link :  有链接属性时

a:visited:链接地址已被访问过

a:hover： 鼠标悬停在上面

a:active：被用户激活（在鼠标点击与释放之间发生的事件）

？问题一：# 跟### 区别？

 <a href='#'>一个#</a>
 <a href='###'>三个###</a>

a {...}  权重为1 a：visited 权重为11 （伪类为10+a的为1=11） a：hover权重也为11 所以这样写的时候 后面会覆盖前面

四个伪类书写顺序：link--->visited--->hover--->active

   （巧记：爱 love  恨  hate）

二、hack技术

 

     _margin-left:10px; [针对IE6出现的双倍间距]

  

/*IE6*/	_属性：属性值；
/*IE7*/	+属性：属性值；
/*IE6-7*/	*属性：属性值；
/*IE6、7、8*/	属性：属性值\9;
/*所有IE*	属性：属性值\0;

不用hack原因：hack会让代码可读性大大下降，从而降低可维护性。此外hack本身就不存在可扩展性，只是在解决某些棘手问题才用。

cursor:hand;   /*IE完全支持 FF不支持*/

cursor：pointer； /*IE6以前（不含IE6） 不支持*/

与a标签有关的属性：

text-decoration:underline;  //下划线

color

font-weoght

三、半透明：

①语法：rgba（255,255,255,0.4）

     最后一个透明度取值范围是：0 - 1，0代表全透明

②语法：opacity：number（0-1之间的数值）

  

     opacity定义元素的不透明度

 

     opacitty的值为1代表不透明，为0代表完全透明

③语法：filter：alpha（opacity=number）；

     

     number的取值为100-0之间的数值

    

      因为IE不支持opacity，只支持自己的滤镜filter：alpha（opacity=50）；

？问题二：png8在IE6下能透明， 怎么让png24在IE6下兼容？