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

来源：互联网发布：瑾知用来当名字编辑：程序博客网时间：2024/05/10 14:26

一、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下兼容？

0 0