如何在CSS內添加Blogger <data:>標籤？

我想裏面添加CSS此博客代碼：如何在CSS內添加Blogger <data:>標籤？

data:post.firstImageUrl

，但我不知道怎麼寫。我嘗試了下面的代碼，但仍然無法正常工作。

post-image{ 
    background-image: url(&#39;data:post.firstImageUrl&#39;) 
}

任何人都可以幫我解決這個問題嗎？

來源

2015-08-15 Alvian Casablancas

是否要將圖像數據直接嵌入到具有'data：'URI的文檔中？ – user5173426

是@HawasKaPujaari我需要在div標籤內嵌入圖像數據。我想讓div出現在內部的圖像循環。你有好主意嗎？ –

-1

如果我理解正確的話，試試這個：

post-image { 
    background: 
    url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7) 
    no-repeat 
    left center; 
    padding: 5px 0 5px 25px; 
}

實際格式：

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

我我的手機上的那一刻，我將修改和在我拿到我的筆記本電腦後馬上添加更多內容。

有關Data URls更多的研究：CSS Tricks

來源

2015-08-17 10:38:26 user5173426

不幸的是，你不能這樣做，通過這種方式

但在博客，你總是可以使用JavaScript做這樣的事情

首先，你應該得到的第一個圖像的編號然後在javascript中獲取圖像url並在JavaScript中編輯CSS也是

//Getting the image url of the first image 
 
var firstimagesrc = document.getElementById("FirstImage").src; 
 

 
document.getElementsByClassName("post-image")[0].style.backgroundImage = "url(" + firstimagesrc + ")";

.post-image { 
 
    width: 200px; 
 
    height: 200px; 
 
    background-color: #000000; 
 
    background-position:center; 
 
    background-size:200px 200px; 
 
}

<!--Let's imagine that this is the first image--> 
 
<img src="https://i.imgur.com/aKnJrwx.jpg" width="100px" id="FirstImage" /> 
 

 

 
<div class="post-image"></div>

來源

2017-10-19 22:59:24

如何在CSS內添加Blogger <data:>標籤？

回答

相關問題