CSSの背景画像として `href`属性を使用します

Question

私は以下のHTMLを変更できません。私ができるCSSファイルがあります。 href値/属性を取得してCSSの背景画像として使用する方法はありますか？

私のようなものが必要になります。

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> 

Answer 1

いいえ、純粋なCSSで行う方法はありません.Javascriptを使用する必要があります。例えば。 with jQuery：

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

Answer 2

ハイパーリンクの属性を取得してjqueryを使用して要素に適用できます。

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

working example

注：純粋なCSSで動的にそれを行うための方法はありませんクラス名が一意

Answer 3

であることを確認してください。

あなただけの静的にそれを行うことができ、純粋なCSSで

：

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