在一个上实现一个按钮。
通常情况下的位置应用:相对设置为位置:绝对值;父层,
父层位置:相对,子层位置:绝对位置,位于父层的边界上,
否则,位置:绝对将查找位置:相对元素边界直到顶部直到主体元素为止。
第一种写作方式(与CSS一起)
var = 游离酶;
游离酶= $(。freepreviewone)。Attr(数据链接);
如果(游离酶= = null){
没有免费视频
其他{ }
$(# coursepicture)。追加(< class= 'hide-650 fade5+
风格=前:94px;左:150px;位置:绝对;Z指数:100;+
宽度:180px;身高:60px;边界:2px白色固体;+
显示:块;颜色:白色;文本装饰:无;+
字母间距:1px;字体大小:16px;线高度:20px;+
文本对齐:中心;填料顶部:18px;+
背景颜色:RGBA(0, 0, 0,0.44);
WebKit的背面可见性:隐藏;- WebKit的过渡:all.3s缓解了;+
-moz过渡:all.3s缓解了;MS过渡:all.3s缓解了;+
- O转换:all.3s缓解了;+
边界半径:10px;+
href =# modal'data-toggle = 'modal+
数据url =+>游离酶+ +
试着看
);
}
Page:
第二种写作方式:
把按钮放在课程的图片中。
看
* /
/ / $(# coursepicture)。追加();
var = 游离酶;
游离酶= $(。freepreviewone)。Attr(数据链接);
如果(游离酶= = null){
没有免费视频
其他{ }
$(# coursepicture)。追加(< class= 'freepreviewpicture hide-650 fade5+
href =# modal'data-toggle = 'modal+
数据url =+>游离酶+ +
试着看
);
}
Page:
freepreviewpicture {。
上图:94px;
左:150px;
位置:绝对;
Z指数:100;
宽度:180px;
身高:60px;
边境:2px白色固体;
显示块;
颜色:白色;文字装饰:无;
字母间距:1px;字体大小:16px;
行高:20px;
文本对齐:中心;填料顶部:18px;
背景颜色:RGBA(0, 0, 0,0.44);
WebKit的背面可见性:隐藏;
WebKit的过渡:all.3s缓解了;
-moz过渡:all.3s缓解了;
MS过渡:all.3s缓解了;
- O转换:all.3s缓解了;
边界半径:10px;
}
运行结果如下:
希望本文能对大家的jQuery程序设计有所帮助。