1
我想實現在CSS中每篇文章的背景圖像越來越多又名這個：https://snag.gy/NHVSpr.jpg
CSS - （增加）數作爲背景圖片的CSS
這一個類似於另一個＃1瀏覽：
文本作爲背景CSS的圖像（Text as background images for CSS）
在那裏還有一個JS FIDDLE。對於一個代碼是：
var $divs = $('.randbg'),
alpha = 'abcdefghijklmnopqrstuvwxyz';
$divs.each(function ea() {
var letter = alpha[Math.floor(Math.random() * alpha.length)].toUpperCase();
$(this)
.attr('data-content', letter)
.html('<img src="http://placehold.it/75x75&number=' + letter + '"/>');
}).randbg {
width: 7px;
height: 75px;
}
.randbg:before {
content: attr(data-content);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="randbg">What happens</div>
<div class="randbg">Why not</div>
<div class="randbg"></div>
<div class="randbg"></div>我當前的代碼是：
<?php $i2=0;
foreach ($items2 as $item2) {
if ($i2 < 4) {
printf('<div class="right-now-box">');
printf('<img src="%s" class="width-100">',$item2['image2']);
printf('<a target="_blank" class="left-sidebar-news-text" href="%s">%s</a>', $item2['link2'], $item2['title2']);
printf('</div>');
$i2++;
}
}
?>
我目前的代碼給我這個： https://snag.gy/nBf8CR.jpg。 JSFIDDLE提到的計算器：http://jsfiddle.net/vv058tho/1/ – Nancy
利用CSS計數器和僞元素，比如':: before'！ –
歡迎來到Stack Overflow！請參考[遊覽]（http://stackoverflow.com/tour），環顧四周，閱讀[幫助中心]（http://stackoverflow.com/help），特別是[我該如何問一個好問題？]（http://stackoverflow.com/help/how-to-ask）努力解決這個問題。如果遇到這樣的特定問題，請發佈一個包含所有相關代碼的問題，說明什麼不起作用，並解釋您的研究到目前爲止。 –