好吧,对于我正在研究的网站,我正在创建这些图像堆。我想拥有一个,所以我可以抓住一个<img>
然后用div包裹起来,并让我设置的CSS对其样式进行设置,使其具有图像堆积效果。
这是fiddle的链接。这是代码的主要部分。
(function ($){
$.fn.ImagePile = function (options) {
var settings = $.extend({
pileType: "neat"
}, options);
//get pileType from settings
var pileType = settings.pileType;
switch(pileType){
case "neat":
return this.wrap("<div class='stack neat'></div>");
break;
}
};
})(jQuery);
$("#image1").ImagePile();
忘了提及问题所在,因为
:after
元素没有显示在应该显示的位置。 最佳答案
如果您没有为绝对定位的项目设置left
或right
属性,则默认为auto
,这对:before
元素很好,但显然对:after
元素无效。
只需尝试在CSS中为left
和right
设置:before
或:after
属性。
小提琴:http://jsfiddle.net/39HKr/6/