如何将缩略图/特色图像称为背景图像？

时间：2012-08-06 作者：E_M

我通过在functions.php:

add_theme_support( \'post-thumbnails\');

这个在loop.php:

<?php the_post_thumbnail(\'full\', array (\'class\' => \'rollover\')) ; ?>

瞧，这幅特色图片出现在主页上，希望是“滚动”类的

但我想做的是把它变成雪碧。在我的静态HTML标记上，我写道：

a.rollover: {
    display:block;
    width:300px;
    height:200px;
    text-decoration:none;
    background:url(images/oldtable.jpg);
    arollover:hover {background-position:-300px 0;
}
这是可行的，但我如何让它充满活力（就是这个词？）我应该用什么来代替url，以便每个缩略图的背景url都会发生变化？我试过这个，但没有成功：

background:url(<?php wp_get_attachment_image_src());

有人能帮忙吗？谢谢

3 个回复
SO网友:amit

这与WordPress无关，总之这里有个提示-

您不能呼叫<?php .. ?> 在您的style.css 文件相反，如本例所示，将背景设置为内联，并设置apple样式。

<div style="background: url(\'<?php wp_get_attachment_image_src(); ?>\');">
   // blah blah ...
</div>

SO网友:Tribalpixel

您可以使用技巧：）

创建css。在主题中使用php，并使用<?php get_template_part(\'css\'); ?>当您需要模板时。

在css中。php您可以使用调用wp\\u get\\u attachment\\u image\\u src（）等。。。为您的颜色（主题选项）定义$vars等等。。。

SO网友:E_M

我无法让雪碧工作。最后，我使用了两个单独的图像，将它们放置在彼此的顶部，并根据滚动状态设置其不透明度的样式。

结束
标签： post-thumbnails   小码农  

相关推荐