好吧,对于我正在研究的网站,我正在创建这些图像堆。我想拥有一个,所以我可以抓住一个<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元素没有显示在应该显示的位置。

最佳答案

如果您没有为绝对定位的项目设置leftright属性,则默认为auto,这对:before元素很好,但显然对:after元素无效。

只需尝试在CSS中为leftright设置:before:after属性。

小提琴:http://jsfiddle.net/39HKr/6/

09-19 04:58