如何在页面html代码中添加带有背景图片的内联css代码?

时间:2012-03-19 作者:Timothée HENRY

我想在我的博客页面中添加内联css代码。此css代码调用图像作为div的背景。

这可能吗?如何做到这一点?

我尝试将该图像添加为媒体资源,并获得了它的URL,但使用此URL似乎不起作用。

粘贴到页面html的代码示例:

    <p><a href="http://mysite.com/wp-signup.php" style="width: 90%;
        font-family: Helvetica, Arial, sans-serif;
        background: #0e710d url(http://mysite.com/wp-content/uploads/2012/03/image.png) 0 0 repeat-x;
       font-size: 1.6em;
    ">
    Click here &raquo;</a></p>

2 个回复
最合适的回答,由SO网友:Sagive 整理而成

你就不能给那个链接上课吗?为什么要触摸模板文件<无论如何,我看不出你有什么理由不能那样做。。。css应该可以工作。。

编辑模板文件时,我所做的唯一更改是使用php获取文件夹url(图像所在位置),如下所示:

<style type="text/css">
.specialLink a {
    width: 90%;
    font-family: Helvetica, Arial, sans-serif;
    background: #0e710d url("<?php get_bloginfo(\'url\'); ?>/wp-content/uploads/2012/03/image.png") repeat-x 0 0;
    font-size: 1.6em;
}
</style>

<p class="specialLink"><a href="http://mysite.com/wp-signup.php">Click here &raquo;</a></p>

Again... i reccomend you use your style.css to load that css and not in
template files.. if you need it just for a specific page say so... i have
a better solution for that.

希望这有帮助,萨吉夫。

SO网友:Adam Rice

虽然您的特定代码示例不能按您所说的方式工作,但没有理由认为这种技术一般不起作用:您将样式属性添加到A标记,而不是DIV标记,这正是您所说的。因此,A标记的样式应如图所示,而不是DIV标记。

结束

相关推荐

在服务器上不起作用的Java脚本和CSS链接

我的标题中有一些Jquery链接。首先,我可能没有使用适当的wordpress函数来实现这一点。现在在我的网站上,下面的代码不起作用。这些链接不存在,但它们存在于我的ftp目录中。我不确定我做错了什么?如果需要,我可以链接到实时站点。<link type=\"text/css\" href=\"http://fiftyfity.com/wp-content/themes/fiftyfityNew/jQuery-ui-1/css/pepper-grinder/jquery-ui-1.8.17.cust