NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: V Google Chrome se nezobrazuje background-image

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Matyáš Máslík
Člen
Avatar
Matyáš Máslík:24.8.2017 16:59

Zdravím, jsem nováček v tvorbě webu a narazil jsem na problém :D V Adobe Illustrator jsem si vytvořil obrázek a exportoval do formátu JPG. Následně jsem obrázek nastyloval v extérním CSS a připojil do html souboru jako pozadí (podle už předchozího funkčního příkladu). Problém vězí v tom, že pozadí se v pořádku zobrazí v prohlížečích Edge na mobilním zařízení i Mozilla na PC, ale ne v Google Chrome na PC (ostatní jsem nezkoušel). Potřebuju to samozřejmě spravit, vzhledem k tomu že Google Chrome je nejužívanější prohlížeč :D Předem děkuji za všechny rady :)

 
Odpovědět
24.8.2017 16:59
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Matyáš Máslík
Aaa Aaa:24.8.2017 17:27

Pošli i kód, bez něj se špatně radí...

 
Nahoru Odpovědět
24.8.2017 17:27
Avatar
Matyáš Máslík
Člen
Avatar
Matyáš Máslík:24.8.2017 17:45

S kódem by to nemělo mít nic společného když to v ostatních prohlížečích funguje ne?

Jinak mám prostě v souboru styly.css nastylovanou třídu:

.bgimg {
background-image: url('a.jpg');
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
}

Tímhle propojenou do html souboru stránky na kterou se má zobrazit:

<link rel="stylesheet" type="text/css" href="styly.css">

A v body toho html dokumentu prostě <body class="bgimg">xxx</bo­dy>

Všechny soubory jsou ve stejném adresáři.

Editováno 24.8.2017 17:46
 
Nahoru Odpovědět
24.8.2017 17:45
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na Matyáš Máslík
Aaa Aaa:24.8.2017 17:54

Každý prohlížeč má trochu jinou podporu některých css vlastností, ale v tom by tady asi problém být neměl. Napadá mě jedině zkusit smazat cache pomocí ctrl + F5.

 
Nahoru Odpovědět
24.8.2017 17:54
Avatar
Matyáš Máslík
Člen
Avatar
Odpovídá na Aaa Aaa
Matyáš Máslík:25.8.2017 8:48

Problém je vážně jenom v jednotlivém prohlížeči GCh, na ostatních zařízeních to v něm funguje :D Promazání nefunguje a tak už pravděpodobně zbývá pouze reinstall

 
Nahoru Odpovědět
25.8.2017 8:48
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Matyáš Máslík
Neaktivní uživatel:25.8.2017 8:58

No, ja som mal s Chromom tiež podobný problém, kde pomohol až reinstall. Mne ale pre zmenu nefungovalo ES6.

Nahoru Odpovědět
25.8.2017 8:58
Neaktivní uživatelský účet
Avatar
Jan Štrobl
Člen
Avatar
Jan Štrobl:25.8.2017 11:44

Jak bylo psáno, zkusil bych vymazat mezipaměť Chrome je v tomhle trochu.. složitější :D Popřípadě bych zkusil místo

<style>
.bgimg {
background-image: url('a.jpg');
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
}
</style>
<body class="bgimg">
xxx
</body>

napsal toto (smazal classu, u body jsem zatím neviděl důvod použít třídu)

<style>
body {
background-image: url('a.jpg');
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
}
</style>
<body>
xxx
</body>

A po přepsání samozřejmě znovu tu mezipaměť, radši.

 
Nahoru Odpovědět
25.8.2017 11:44
Avatar
Ján Timoranský
Tvůrce
Avatar
Odpovídá na Matyáš Máslík
Ján Timoranský:25.8.2017 17:41

Skús danú stránku otvoriť v incognito móde. Nevidím totiž dôvod, prečo by to nemalo fungovať.

Nahoru Odpovědět
25.8.2017 17:41
Find what you love and let it kill you.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Matyáš Máslík
Honza Bittner:30.8.2017 19:09

Zkus otevřít tu stránku v inkognito módu, jak psal Ján Timoranský.

Btw. jsi si jistý, že je obrázek ve stejném adresáři jako tvůj HTML soubor?

Pokud ani tak obrázek neuvidíš, je pravděpodobné, že je obrázek nějak poškozen. Zkus si stáhnout různé obrázky z internetu a použít je – pokud tyto vidíš, máš prostě problém se svým obázkem a zkus ho vygenerovat znovu, případně v jiném formátu či s jiným nastavením.

Nahoru Odpovědět
30.8.2017 19:09
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.