1. CSS3
@EBvi

2. css3
Text layout
170

4. CSS3
safari iOS4 FF4 IE8
text-
shadow
box-
shadow
border-
radius
opacity
text-
overflow

7. opacity
border-radius
box-shadow
liner-gradient

8. opacity
.op50 {
FF opacity:0.5;
filter:alpha(opacity=50); IE
}

9. jQuery
$(“#foo”).CSS({opacity:0.5});

10. IE6 opacity bug
IE6 background
(flicker)
background
<img>

11. CSS3 PIE
http://css3pie.com/

12. pie.htc
behavior

13. #someid {
behavior:url(/common/css/pie.htc);
}
?

14. border-radius
#someid {
behavior:url(/common/css/pie.htc);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

16. box-shadow
#someid {
behavior:url(/common/css/pie.htc);
-webkit-box-shadow:#bbb 0 2px 2px;
-moz-box-shadow:#bbb 0 2px 2px;
box-shadow:#bbb 0 2px 2px;
}

18. linear-gradient
#someid {
behavior:url(/common/css/pie.htc);
background:#fff;
background: -webkit-gradient(linear, 0 0, 0 bottom,
from(#fff), to(#aaa));
background: -moz-linear-gradient(#fff, #aaa);
background: linear-gradient(#fff, #aaa);
-pie-background: linear-gradient(#fff, #aaa);
}

20. css selecter
IE 6,7,8 CSS
jQuery
$(“input[alt]:checkbox”)
.css({background:”red”});

21. PIE
position:relative
DOM
( IE8)

22. display:none
display:block
jQuery
$(document).ready( function() {
$(“.pie_class”).show();
});

23. css3
opacity, border-radius, box-shadow,
linear-gradient