Hi allemaal,
Ik zit met het volgende. In een div die over de hele schermbreedte moet tonen heb ik een achtergrond foto. Echter de is enorm blurrig terwijl de foto een resolutie heeft van 3000px breed en een hoogte van 500px.
De foto is niet uitgerekt en als ik hem los bekijk is hij gewoon scherp over de hele breedte
foto is even ter illustratie.PHP Code:
.site-banner {
background: url('https://media-cdn.tripadvisor.com/media/photo-b/1024x250/1a/a8/9a/e2/caption.jpg') center center !important;
}
- Probleem met background image
-
04-05-2020, 17:43 #1Particulier
- Berichten
- 1.728
- Lid sinds
- 16 Jaar
Probleem met background image
-
In de schijnwerper
ACTIE: 24,95 voor blog met link op UR 47 / DR 42 vastgoed site!Linkpartners125 .nl mode gerelateerde domeinnamen; in 1 koop sommige al met sites eropDomein te koopProfessionele Online Opslagoplossingen voor Jouw Bedrijf!HostingUltraTekst voor alle SEO teksten en blogs, ook adult en casino!Freelance / Werk -
04-05-2020, 18:35 #2
- Berichten
- 1.290
- Lid sinds
- 12 Jaar
Re: Probleem met background image
Dag,
De foto die je als voorbeeld neemt is sowieso blurrig. Ik houd er even rekening mee dat dat klopt.
Ik zie dat je !important gebruikt. Dat doe je neem ik aan omdat je een andere background overschrijft.
Dat kan betekenen dat er andere CSS nog van toepassing is op die background.
Zoals background-size. Probeer eens background-size: auto!important; toe te voegen.
-
04-05-2020, 18:42 #3Particulier
- Berichten
- 1.728
- Lid sinds
- 16 Jaar
Re: Probleem met background image
Thanks! Maar het werkte helaas niet. Hoe scherp de afbeelding ook is blijft de achtergrond onscherp.
-
04-05-2020, 18:49 #4
- Berichten
- 1.290
- Lid sinds
- 12 Jaar
Re: Probleem met background image
Heb je een link of een voorbeeld?
-
04-05-2020, 18:55 #5Particulier
- Berichten
- 1.728
- Lid sinds
- 16 Jaar
Re: Probleem met background image
ik stuur je ff een DM
-
04-05-2020, 19:37 #6Particulier
- Berichten
- 1.728
- Lid sinds
- 16 Jaar
Re: Probleem met background image
Chiel heeft mij echt top geholpen background-size: cover;
background-position: center center; heeft het gefixed.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic