css实现图片上漂浮着文字效果

1.效果

 

2.相关的html和css代码

 

   

        想知道我是谁吗？
       
   

 

3.相关css样式说明:

-moz-opacity: 在Firefox中设置元素透明度，Firefox3.5以后不再支持-moz-opacity，而改用opacity

语法-moz-opacity: number | inherit ;赋值 0 (或更少) 元素完全透明 (invisible) 0 < number < 1 元素透明 (背景可见) 1 (或更多) 元素完全不透明 (solid)

在IE下用filter:alpha(opacity=20);

IE6并不支持!important规范 ! 上面的代码“margin-left:60px!important; margin-left:30px; ”，非IE6下按margin-left:60px!important显示; ，IE6下按margin-left:30px显示

position:relative相对定位，position:absolute绝对定位，它们之间的区别是absolute可以层叠，relative不可以层叠。