關(guān)於後端渲染資料（圖片路徑）到行內(nèi)樣式：background-image，手機上看不到圖片的問題？
Aug 20, 2016 am 09:04 AM
列表展示頁，模板是php模板，從後臺循環(huán)出圖片資料；資料是渲染到頁面dom元素裡的style;程式碼如下：
<code><div style="background-image:url('public/upload/<?php echo $value['imagepath'].'?'.time(); ?>)" class="photo1" >
</div>
</code>
在pc端瀏覽是是正常的；但是在手機端圖片不顯示；求解到底是什麼情況??？
PS:如果不用後端列印的數(shù)據(jù)，而是給一個已知的圖片路徑；手機端是可以顯示的；
回覆內(nèi)容：
列表展示頁，模板是php模板，從後臺循環(huán)出圖片資料；資料是渲染到頁面dom元素裡的style;程式碼如下：
<code><div style="background-image:url('public/upload/<?php echo $value['imagepath'].'?'.time(); ?>)" class="photo1" >
</div>
</code>
在pc端瀏覽是是正常的；但是在手機端圖片不顯示；求解到底是什麼情況??？
PS:如果不用後端列印的數(shù)據(jù)，而是給一個已知的圖片路徑；手機端是可以顯示的；
那就是你動態(tài)加入的圖片位址不對，所以顯示不出來
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
您如何使用CSS對SVG進行動畫動畫？
Jun 30, 2025 am 02:06 AM
AnimatingSVGwithCSSispossibleusingkeyframesforbasicanimationsandtransitionsforinteractiveeffects.1.Use@keyframestodefineanimationstagesforpropertieslikescale,opacity,andcolor.2.ApplytheanimationtoSVGelementssuchas,,orviaCSSclasses.3.Forhoverorstate-b
如何使用PHP退出功能？
Jul 03, 2025 am 02:15 AM
exit()是PHP中用於立即終止腳本執(zhí)行的函數(shù)，常見用途包括：1.在檢測到異常情況時提前終止腳本，如文件不存在或驗證失??；2.調(diào)試時輸出中間結(jié)果並停止執(zhí)行；3.結(jié)合header()重定向後調(diào)用exit()防止後續(xù)代碼執(zhí)行；此外，exit()可接受字符串參數(shù)作為輸出內(nèi)容或整數(shù)作為狀態(tài)碼，其別名為die()。
什麼是AutoPrefixer，它如何工作？
Jul 02, 2025 am 01:15 AM
Autoprefixer是一個根據(jù)目標(biāo)瀏覽器範(fàn)圍自動為CSS屬性添加廠商前綴的工具。 1.它解決了手動維護前綴易出錯的問題；2.通過PostCSS插件形式工作，解析CSS、分析需加前綴的屬性、依配置生成代碼；3.使用步驟包括安裝插件、設(shè)置browserslist、在構(gòu)建流程中啟用；4.注意事項有不手動加前綴、保持配置更新、非所有屬性都加前綴、建議配合預(yù)處理器使用。
如何將兩個PHP陣列組合獨特的值？
Jul 02, 2025 pm 05:18 PM
要合併兩個PHP數(shù)組並保留唯一值，有兩種主要方法。 1.對於索引數(shù)組或僅需值去重的情況，使用array_merge和array_unique組合：先用array_merge($array1,$array2)合併數(shù)組，再用array_unique()去重，最終得到包含所有唯一值的新數(shù)組；2.對於關(guān)聯(lián)數(shù)組且希望保留第一個數(shù)組中的鍵值對時，使用 運算符：$result=$array1 $array2，這將確保第一個數(shù)組中的鍵不會被第二個數(shù)組覆蓋。這兩種方法分別適用於不同場景，根據(jù)是否需要保留鍵名或只關(guān)注
將語義結(jié)構(gòu)應(yīng)用於html的文章，部分和旁邊
Jul 05, 2025 am 02:03 AM
在HTML中合理使用語義化標(biāo)籤能提升頁面結(jié)構(gòu)清晰度、可訪問性和SEO效果。 1.用於獨立內(nèi)容區(qū)塊，如博客文章或評論，需保持自包含性；2.用於歸類相關(guān)內(nèi)容，通常包含標(biāo)題，適用於頁面不同模塊；3.用於與主內(nèi)容相關(guān)但非核心的輔助信息，如側(cè)邊欄推薦或作者簡介。實際開發(fā)中應(yīng)結(jié)合、等標(biāo)籤，避免過度嵌套，保持結(jié)構(gòu)簡潔，並通過開發(fā)者工具驗證結(jié)構(gòu)合理性。
什麼是圓錐級函數(shù)？
Jul 01, 2025 am 01:16 AM
theconic-Gradient（）functionIncsscreatesCircularGradientsThatRotateColorStopSaroundAcentralPoint.1.IsidealForPieCharts，ProgressIndicators，colordichers，colorwheels和decorativeBackgrounds.2.itworksbysbysbysbydefindefingincolordefingincolorstopsatspecificains off.
加載='懶惰”是什麼HTML屬性，它如何改善頁面性能？
Jul 01, 2025 am 01:33 AM
loading="lazy"是用於和的HTML屬性，可啟用瀏覽器原生的懶加載功能，從而提升頁面性能。 1.它延遲加載非首屏資源，減少初始加載時間、節(jié)省帶寬和服務(wù)器請求；2.適用於長頁面中大量圖片或嵌入內(nèi)容；3.不適用於首屏圖像、小圖標(biāo)或已使用JavaScript懶加載的情況；4.需配合優(yōu)化措施如設(shè)置尺寸、壓縮文件使用，以避免佈局偏移並確保兼容性。使用時應(yīng)測試滾動體驗並權(quán)衡用戶體驗。
PHP原始帖子數(shù)據(jù)PHP
Jul 02, 2025 pm 04:51 PM
在PHP中處理原始POST數(shù)據(jù)的方法是使用$rawData=file_get_contents('php://input')，適用於接收J(rèn)SON、XML或其他自定義格式數(shù)據(jù)。 1.php://input是一個只讀流，僅在POST請求中有效；2.常見問題包括服務(wù)器配置或中間件已讀取輸入流導(dǎo)致無法獲取數(shù)據(jù)；3.應(yīng)用場景包括接收前端fetch請求、第三方服務(wù)回調(diào)和構(gòu)建RESTfulAPI；4.與$_POST的區(qū)別在於$_POST自動解析標(biāo)準(zhǔn)表單數(shù)據(jù)，而原始數(shù)據(jù)適合非標(biāo)準(zhǔn)格式並允許手動解析；5.普通HTM
