誰能解惑舊手機版CSS代碼在PHP8中不顯示圖標的問題

TaC

前二天，大約是解決了，舊模板代碼在PHP8中無法打開網站的問題。這二天，手機版同步PHP8，也帶來非常多的困惑。一個一個文件加上單引號，工作量非常大，其實有些我是約莫應該加，但真是否加，十分拿不定。在php8中，反正打不開，索性在應用市場搞了個便宜的模板套用了。

此模板便宜，幾乎是跟官方默認的手機版差不了多少。為了應用到PHP8，只好將就。默認的手機版我找關于CSS文件都找暈了頭，實在不知道哪個文件是，添加幾次都沒效果。
在使用新模板的過程中，出來一個有點頭疼的事情。
比如：舊手機模板中關于CSS代碼的問題。
在網站后臺，門戶/模塊管理/數據調用，實現了手機版首頁調用論壇帖子的問題。可是，幻燈片調用不正常。舊手機CSS文件中有圖標路徑，可實際這些圖標不顯示。非常糾結。
根據新手機模板代碼，依瓢畫瓢的更改代碼，還是解決不了圖標顯示問題。不要說問作者，這些模板外的添加，作者一般不會講。

/* 今日頭條 */這是CSS代碼
.n5_jrttmk {height: 60px;margin: 15px 0;padding: 10px;background-image:url(../images/mh_tt.png) 0 0 no-repeat;background-color: #fff;background-position: 10px 13px;background-size: 60px auto;}
.n5_jrttmk li {height: 60px;margin-left: 70px;padding-left: 15px;border-left: 1px solid #f3f3f3;display: block;}
.n5_jrttmk li h2 {height: 30px;line-height: 33px;font-size: 18px;overflow: hidden;color: #fd4e4e;font-weight: 400;}
.n5_jrttmk li p {height: 30px;line-height: 30px;font-size: 14px;color: #999;overflow: hidden;}

這是對應的數據模塊調用模板代碼：

<div class="n5_jrttmk cl">
        <ul class="m2list">
        [loop]
                <li><a href="{url}"><h2>{title}</h2><p>{summary}</p></a></li>
[/loop]
        </ul>
</div>
<script type="text/javascript">
        jQuery(".n5_jrttmk").slide({ mainCell:".m2list", effect:"topLoop", vis:1, opp:true, autoPlay:true, delayTime:400 });
</script>

類似于上面的圖標顯示，每個模塊都這樣，顯示不出來。我不知道在PHP8中，圖片顯示是怎么顯示的，請指點一二。

1 貢獻

最佳答案

產品那里的樣式表
background-image
要改成
background

• mingkong
• 發表于2024-3-30 14:33:22
• 詳細答案 >

TaC

mingkong 發表于 2024-3-30 15:28
客氣了，也是你認真想解決問題，才能幫得到你。

我們是小白，也得你們這些專業指點的人士，指點才行。適全的時機，遇到適合的人指點。不然，我是盡折騰，也找不出和解決不了問題。

mingkong

TaC 發表于 2024-3-30 15:12
你的不煩回復，讓我最終走出了困境。原來舊代碼沒有image，是我看到圖片不顯示，參考新模板代碼里圖標顯 ...

客氣了，也是你認真想解決問題，才能幫得到你。

TaC

mingkong 發表于 2024-3-30 14:33
產品那里的樣式表
background-image
要改成

你的不煩回復，讓我最終走出了困境。原來舊代碼沒有image，是我看到圖片不顯示，參考新模板代碼里圖標顯示的樣式更改的這種樣式路徑。卻怎么也不見效果。
現在，我直接把所有圖片的路徑去掉_image，卻簡單的解決圖標顯示問題。我真是糾結，是糾結自己鉆了角尖。適配PHP，有修改的，也有自己無意思的隨手改動的。最后，自己都不知道，解決了A問題，B又出現其它問題。
謝謝！，真心感謝，手機模板，目前使用舊模板模塊代碼及CSS代碼，感覺上，發現的，已解決了PHP8下的文字及圖標顯示問題。
感謝！

mingkong

產品那里的樣式表
background-image
要改成
background

mingkong

產品服務的圖標是你的樣式表寫錯了

mingkong

mh_tt.png這個圖標的路徑寫錯了
所以導致找不到圖標
現在錯誤的路徑是


實際應該是

TaC

crx349 發表于 2024-3-30 00:25
這個改用絕對路徑 如

試過了，我網站根目錄本就有一個自己獨自添加圖片的文件夾。我把路徑更改過去，也不顯示。


后臺模板風格里擴展圖片目錄是：template/yide_20_sm/static/，所以模板作者把圖片顯示為類似background-image:url(../images/mh_tt.png) 這種寫法。我把圖片放到這時，目錄指向這里，不顯示。。
我把相同的圖片放到我自己的圖片文件夾，路徑更改過去，也不顯示。所以，很奇怪，到底哪出差了。
模塊代碼，CSS代碼，就以一樓的今日頭條作例。其它模塊的代碼與CSS差不多。

TaC

mingkong 發表于 2024-3-29 23:40
CSS跟PHP沒有直接關系，如果CSS定義的顏色，文字大小等等都生效，只有圖圖片不會顯示，大概率就是CSS里的圖 ...

這是一樓所講的今日頭條，前面應該出現今日頭條的圖片。舊模板代碼路徑是：background:url（mh_tt.png）,而新模板圖片是類似這樣寫的background-image:url(../images/mh_tt.png)，我把圖片路徑更改與模板一樣，無效。另外，我網站根目錄也有一個圖片文件夾，是自己單獨添加圖片用的。我把路徑更改過去，圖片放過去，也不顯示。


這是圖文展示模塊，CSS代碼里與今日頭條一樣，有圖標路徑。除了前面“產品.服務”的前面藍色堅著的圖標顯示外，在模塊數據代碼中，標題后面有“更多”，三個小點的圖標均不顯示。
下面每個帖子瀏覽數及回復數，均有小圖標，也不顯示。
所以，一樓把今日頭條的板塊數據代碼，及CSS代碼拿出來參考，求證問題所在。其它模塊代碼與CSS均類似。
現在，還有一個奇怪的現象，我把PHP調到7.0，網站報錯打不開，7.4能打開，卻依然不顯示以前就可以看到的圖標。

crx349

1. ../images/mh_tt.png

復制代碼

這個改用絕對路徑 如

1. /網站根目錄/中間目錄/images/mh_tt.png

復制代碼