CSS動態照片阻止

-2

對不起，我的英語:) 是否有申請動態內容（照片畫冊由用戶添加）的CSS規則的方式？我想避免內聯樣式，因爲專輯中的每張照片都計爲一種樣式=。CSS動態照片阻止

HTML代碼：

<div class="sys_file_search_pic bx_photos_file_search_pic" style="background-image: url('__imgUrl__');">

我想：

.sys_file_search_pic.bx_photos_file_search_pic { 
    background-image: url('__imgUrl__'); 
}

，但它不工作。也試過：

<img src="__imgUrl__">

但是照片現已unclicable和拉伸。

2014-03-05 Tompo

你可以創建一個jsfiddle。這將是非常容易調試。 jsfiddle.net –

你不能僅使用HTML來定義它。您可以使用PHP輸出圖像的鏈接。

你應該使用類似下面

<div class="sys_file_search_pic bx_photos_file_search_pic" style="background-image: url('<?php echo $variable?>');">

，其中變量是可變的保持圖像的URL。

2014-03-05 20:05:50 kernel

__imgUrl__是一個完美的變量和內嵌html樣式。我只是想動這種風格=「背景圖片...到外部樣式表。 – Tompo

您可以爲CSS同樣做。你只需要輸出的代碼放在你的風格聲明與<？PHP的echo $變量替換__imgUrl__ ;？> – kernel

像這樣？'code'.sys_file_search_pic.bx_photos_file_search_pic { \t background-image：url（「<？php echo $ sImgUrl;？>」）; }'code' – Tompo

回答