使用php将div放在特定图像上

时间:2016-07-29 06:20:02

标签: php html css wordpress

我有这个代码可以检测Wordpress帖子中图像中的最后一张图像

我想改变它,将div#up-arrow放在最后一张图像上。

HTML

        <?php
        preg_match_all('/(<img [^>]*>)/', get_the_content(), $images);
        for( $i=0; isset($images[1]) && $i < count($images[1]); $i++ ) {
        if ($i == end(array_keys($images[1]))) {
        echo sprintf('<div id="last-img">%s</div>', $images[1][$i]);
        continue;
        }
            echo $images[1][$i];
        }
    ?> 

CSS

#up-arrow { position: absolute; z-index: 10; }

1 个答案:

答案 0 :(得分:1)

这是example

你需要在

中包装html
echo sprintf('<div id="last-img">%s</div>', $images[1][$i]);

如示例中所述。