使用`href`属性作为CSS background-image

我有以下HTML，我不能修改。有一个CSS文件，我可以。有没有办法获得href值/属性并将其用作CSS background-image？使用`href`属性作为CSS background-image

我需要这样的东西：

background-image: url(href value);

这可能吗？ href值是搜索的结果，因此它不总是相同的。

<tr class="trdata1"> 
    <td class="file"> 
     <span class="nobr"> 
      <nobr> 
       <a href="/C/.../.../image.jpg"> 
        <img class="icon" src="/file.gif" alt="">$image.jpg 
       </a> 
      </nobr> 
     </span> 
    </td> 
</tr>

来源

2016-11-08 texasfox

您可以使用JavaScript或jQuery的做到这一点 –

@AbhishekPandey - 如何将有可能使用JavaScript没有它的HTML脚本代码内， JavaScript在现有的HTML页面上的结果？ – texasfox

不，没有办法用纯CSS来做，你必须使用Javascript。例如。与jQuery：

$('.your-element').css(
    'background-image', 'url(' + $('.trdata1 > .file a').attr('href') + ')' 
);

来源

2016-11-08 07:18:23 andreas

因为我无法修改html，我该如何使用javascript/jQuery？ – texasfox

恐怕没有办法在不修改html的情况下实现您的目标... – andreas

你可以得到该超链接的属性，并将其应用到jQuery的元素。

var imgHref = $(".nobr nobr a").attr("href"); 
$(".imageBg").css('background-image','url('+imgHref+')');

working example

注意：请确保类名称是唯一的

来源

2016-11-08 07:33:38

我希望将某些内容应用到现有页面而不修改html，因为它不可能。唯一可以修改的是CSS文件。 – texasfox

没有办法用纯CSS动态做到这一点。

在纯CSS，你可以做到这一点只有静态：

your-selector { 
    background-image: url("static-value"); 
}

来源

2016-11-08 08:00:29 simhumileco

使用`href`属性作为CSS background-image

回答

相关问题