本文实例讲述了JQuery+CSS实现图片上放置按钮的方法。分享给大家供大家参考。具体分析如下:

position:relative日常应用的时候一般是设置给position:absolute;的父层的,
父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的, 
不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素..

第一种写法(连同CSS一起追加进去)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var freeOne="";
freeOne=$(".freePreviewOne").attr("data-url");
if(freeOne==null){
 //没有免费视频
}else{
 $("#coursePicture").append("<a class='hide-650 fade5' "+
  "style='top:94px;left:150px;position:absolute;z-index:100; " +
  " width: 180px;height: 60px;border: 2px solid white;" +