第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何在 Flask 的 CSS 中使用圖像？

如何在 Flask 的 CSS 中使用圖像？

動(dòng)漫人物 2024-01-22 15:48:45
我的 HTML 有<section id="banner">，CSS 有#banner {        padding: 12em 0 10em 0;        background-image: url({{ url_for('static',filename = '../images/banner.jpg')}});        background-size: cover;        background-position: top;        background-attachment: fixed;        background-repeat: no-repeat;        text-align: center;        border-top: 0.5em solid #5385c1;    }還有更多@media 的東西。但由于某些問(wèn)題，圖像無(wú)法加載。這里出了什么問(wèn)題？其他一切都正常。使用拍攝的 HTML 圖像<img正在工作。如何通過(guò)CSS在flask應(yīng)用程序中導(dǎo)入圖像？我的文件結(jié)構(gòu)是應(yīng)用程序->模板，靜態(tài)。，靜態(tài)->CSS，圖像。, 模板-> .html , CSS> .CSS
查看完整描述

2 回答

?
阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

.css我猜你正在包含靜態(tài)目錄中文件中的 CSS 。Jinja2 不處理這些靜態(tài)文件。

如果您希望避免將此 CSS 塊放入 HTML 模板中，那么最好的選擇是將此 URL 硬編碼到 CSS 文件中：

background-image: url('/static/path/to/background.jpg');

我使用 CSS 為其賦予了一些功能。

盡管您可以嘗試在模板中定義一個(gè)單獨(dú)的 CSS 塊，該塊僅將background-image聲明分配給#banner，而其余聲明則在.css文件中定義（然后測(cè)試您的“功能”）...

<style type='text/css'>

#banner

{

  background-image: url({{ url_for('static',filename = '../images/banner.jpg')}});

}

</style>


查看完整回答
反對(duì) 回復(fù) 2024-01-22
?
慕斯709654

TA貢獻(xiàn)1840條經(jīng)驗(yàn) 獲得超5個(gè)贊

所有圖像僅使用 render_template() 渲染，因此圖像必須通過(guò) *.html 文件渲染。因此，在 html 中導(dǎo)入圖像后，問(wèn)題就解決了。內(nèi)聯(lián) CSS 完成了工作。



查看完整回答
反對(duì) 回復(fù) 2024-01-22
  • 2 回答
  • 0 關(guān)注
  • 192 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)