Jag utvecklar en webbplats med wampserver på localhost och jag försöker visa min webbplats på mobil på mitt lokala nätverk.
Jag ändrade hem- och webbplatsens URL i Settings > General från
Till
Jag använde också URL-plugin för sammetblues för att uppdatera mina bilder etc. från localhost till min ip.
Alla mina bilder på min webbplats kommer att visas på mobilen utom hembildens bakgrundsradbilder. Jag har kontrollerat webbadressen i kromutvecklarverktyg och webbadressen är densamma som bilderna som visas. Jag är förlorad hur jag ska gå vidare.
All hjälp skulle vara bra.
Kommentarer
- Att ' är konstigt. Så du menar att webbadresserna är giltiga men inte visas?
- Ja. Jag kollade webbadressen och den är densamma. Den enda skillnaden jag kan se är att bilderna som visas är img-taggar och de som inte visas är bakgrundsbilder dvs visas < img src = " ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg " > men visas inte är bakgrundsbild: url ( ip / site / wordpress / wp-content / uploads / 2017/06 / image. jpg ). Kan bakgrundsbild orsaka ett problem även om webbadressen är korrekt? Tack.
Svar
Relativa sökvägar fungerar annorlunda när de används i en CSS-fil. Beteendet är fortfarande detsamma och sökvägen är fortfarande relativt, men för en människa kan det verka förvirrande.
När du använder en sådan sökväg för din bild:
<img src="/path/image.jpg"/> Webbläsaren ser inuti path -mappen, som ligger vid roten till den aktuella webben. Men när du använder samma värde i din CSS:
background-image: url( "/path/image.jpg" ); Historien är annorlunda. Webbläsaren ser in i path -mappen, baserat på var stilarket finns, inte den aktuella webbadressen. Så om stilarket finns på:
www.example.com/wp-content/themes/twentyseven/ Sedan kommer webbläsaren att leta efter:
www.example.com/wp-content/themes/twentyseven/path/image.jpg Vilket inte finns. Så det är viktigt att bygga dina CSS-banor i förhållande till formatmallens sökväg.
För en mer förståelse, ta en titt här .
Kommentarer
- Bara för att klargöra: om bakgrundsbild-URL ( ip / site / wordpress / wp-content / uploads / 2017/06 / image.jpg ) och mitt stilark är på C: \ wamp64 \ www \ site \ wordpress \ wp-content \ teman \ tema \ stil.css behöver jag skapa filsökväg C: \ wamp64 \ www \ webbplats \ wordpress \ wp-innehåll \ teman \ tema \ webbplats \ wordpress \ wp-innehåll \ uppladdningar \ 2017 \ 06 \ image.jpg ?
- Nej. Skriv först
ip/site/wordpress/wp-content/uploads/2017/06/image.jpgi din webbläsare och se om den öppnas. Om den gjorde det kanske du vill slå in webbadressen i''sombackground-image url('URL')eller lägg tillhttp://föreip. - I sid ut den sökvägen i en webbläsare och den öppnas. I dev-verktyg har den http: // före ip men den är inte inpackad i citat. Trots brist på offert visas bakgrundsbilder på min localhost-webbplats men inte mobil. Tack.
Svar
Problemet var inte med img src eller bakgrundsbild-webbadress, det var med Apache och brandväggen. Jag är fortfarande inte säker på varför, men när jag ändrade http.vhosts.config-filen och uppdaterade wamp-servern och sedan stängde av brandväggsinställningarna för Wamp, kan bilderna visas. Om jag gjorde det tvärtom att byta brandvägg och sedan Apache, kunde bilderna inte visas.