2017-05-22 6 views
0

マスク拡張のCE要素で背景画像や色を取得しようとしています。TYPO3マスクCE背景画像

これはアウト・プットとして得られるものですが、画像も背景色もありません。 私はここで忘れているものは何ですか?私にはすべてOKと思われる:)

<div id="c71" class="csc-default"> 
<section class="test_one" style="background-image: url('fileadmin/_processed_/c/6/csm_pizza_uit_de_kleine_pizzajolly_pizzaoven_campegio_eb7fa491f7.jpg') no-repeat center center; background-size: cover;"> 
<div class="row wrap"> 
<div class="large-12 small-12 columns">content</div> 
</div> 
</section> 
</div> 
</section> 

これが私のテンプレートである:あなただけの背景画像を設定したり、あなたもの整形や配置を設定したいん

<f:if condition="{data.tx_mask_achtergrond_afbeelding}"> 
<f:then> 
     <f:for each="{data.tx_mask_achtergrond_afbeelding}" as="file"> 

      <section class="<f:if condition="{data.tx_mask_class_name}">{data.tx_mask_class_name}</f:if>" 

        style="background-image: url('{f:uri.image(src: file.uid, treatIdAsReference: 1)}') no-repeat center center; {data.tx_mask_kleur_actergrond}; background-size: cover;">     
        <!-- if content CE than: --> 
        <div class="row wrap"> 
         <div class="large-12 small-12 columns"><!-- content element here: text/button -->content</div> 

        </div> 
        </section> 
     </f:for> 
</f:then> 
     <!-- if no background image than background-color and content CE--> 
    <f:else> 
    <section class="class-name" 
      style=background-color:"<f:if condition="{data.tx_mask_kleur_actergrond}"> 
        {data.tx_mask_kleur_actergrond} 
        </f:if> 
       ;"> 

       <!-- if content CE than: --> 
        <div class="row wrap"> 
         <div class="large-12 small-12 columns"><!-- content element here: text/button --></div>      
        </div>     
       </section> 
</f:else> 
</f:if> 
+1

なぜあなたは使用していないためなど、すべて偶然に設定 '{F:uri.image(画像:ファイル)}'代わりにuidを持つ複雑な取り扱いの? –

+0

のように:: style = "background-image:url( '{f:uri.image(image:file)}')ノーリピートセンター? –

+0

はい、短くて計算が複雑です –

答えて

2
<section class="test_one" 
     style="background-image: url('fileadmin/_processed_/c/6/csm_pizza_uit_de_kleine_pizzajolly_pizzaoven_campegio_eb7fa491f7.jpg') 
            no-repeat 
            center 
            center; 
       background-size: cover;"> 

たいです背景画像?
あなたはbackground-image:で始まるが、background:

+0

ああ、ありがとう、私はサンプルからいくつかのものをコピーして、バックグラウンドが違いを生んだことに気付かなかった。 –