这个为啥没变透明？

悬赏园豆：10 [已解决问题] 解决于 2016-07-25 09:50

按照例子上做的，为啥没变透明？

js代码：

var btn = "<div class='btnBg'></div><div class='btn'>";
for(var i=0; i < len; i++) {
btn += "<span></span>";
}
$("#focus").append(btn);
$("#focus .btnBg").css("opacity",0.5);

css：

#focus{width:1201px;height:260px;overflow:hidden;position:relative;}

#focus .btnBg{position:absolute;width:1201px;height:20px;left:0;bottom:0;background:#000;}

#focus .btn{position:absolute;width:1181px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}

问题补充：

<div class="wrapper">
<h1>jquer实现图片切换</h1>
<div id="focus">
<ul>
<li><a href="#" target="_blank"><img src="image/bg44.jpg" alt="" /></a></li>
<li><a href="#" target="_blank"><img src="image/banner3.jpg" alt="" /></a></li>
<li><a href="#" target="_blank"><img src="image/banner.jpg" alt="" /></a></li>
<span style="white-space:pre">
</ul>
</div>
</div>

我是照这个例子来做的

http://blog.csdn.net/huyuyang6688/article/details/43342089