A wamp helyi gazda által szolgáltatott mobil böngészőben nem jelenik meg a sor háttérképe

Webhelyet fejlesztek a wampszerver használatával a localhoston, és megpróbálom megtekinteni a webhelyemet mobilon a helyi hálózatomon.

A Settings > General könyvtárban megváltoztattam az otthoni és a webhely URL-jét a következőre:

http://localhost/site/wordpress

Címzett

http://ip/site/wordpress

A bársony blues URL plugint is használtam a képek stb. frissítésére a localhostról az ip-re.

A webhelyem összes képe a mobilon jelenik meg, a kezdőlap háttérsor képei kivételével. Ellenőriztem az URL-t a Chrome fejlesztői eszközökben, és az URL elérési útja megegyezik a megjelenített képekkel. Veszteséges vagyok, hogyan tovább.

Minden segítség nagyszerű lehet.

Megjegyzések

• Ez ' s furcsa. Tehát azt akarja mondani, hogy az URL-ek érvényesek, de nem jelennek meg?
• Igen. Ellenőriztem az URL elérési útját, és az ugyanaz. Az egyetlen különbség láthatja, hogy a megjelenő képek img tagek, a nem megjelenő pedig háttérképek, vagyis a < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " >, de nem látható, háttérkép: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Lehet, hogy a háttérkép problémát okoz, még akkor is, ha az URL helyes? Köszönet. “>

  A relatív elérési utak másképp működnek, ha CSS fájlban használják őket. A viselkedés továbbra is ugyanaz, és az elérési út még mindig relatív, de egy ember számára zavarónak tűnhet.

  Ha ilyen elérési utat használ a képéhez:

  <img src="/path/image.jpg"/> 

  A böngésző az mappa, amely az aktuális web gyökerén található. De amikor ugyanazt az értéket használja a CSS-en belül:

  background-image: url( "/path/image.jpg" ); 

  A történet más. A böngésző az path mappába fog keresni, a stíluslap helye alapján, és nem az aktuális URL alapján. Tehát, ha a stíluslap a következő helyen található:

  www.example.com/wp-content/themes/twentyseven/ 

  Ezután a böngésző megkeresi:

  www.example.com/wp-content/themes/twentyseven/path/image.jpg 

  Ami nem létezik. Ezért fontos, hogy a CSS útvonalakat a stíluslap útvonalához viszonyítva építsük fel.

  A további megértés érdekében nézze meg itt .

  Megjegyzések

  • Csak annak tisztázása érdekében: if background-image url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) és a stíluslapom a C: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ style.css kell a C fájl elérési útjának létrehozásához: \ wamp64 \ www \ site \ wordpress \ wp-content \ themes \ theme \ site \ wordpress \ wp-content \ feltöltések \ 2017 \ 06 \ image.jpg ?
  • Nem. Először írja be a ip/site/wordpress/wp-content/uploads/2017/06/image.jpg elemet a böngészőbe, és nézze meg, hogy megnyílik-e. Ha mégis megtörtént, érdemes az URL-t a következőbe foglalni: mint background-image url('URL') vagy adjon hozzá http:// a ip. / li>
  • I o utat a böngészőben, és megnyílik. A dev eszközökben http: // van az ip előtt, de nincs csomagolva idézőjelekbe. Az árajánlatok hiánya ellenére a háttérképek megjelennek a localhost webhelyemen, de nem mobilon. Köszönet.