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, 18:43 #1Particulier
- Berichten
- 1.730
- Lid sinds
- 16 Jaar
Probleem met background image
-
04-05-2020, 19:35 #2
- Berichten
- 1.290
- Lid sinds
- 13 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, 19:42 #3Particulier
- Berichten
- 1.730
- 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, 19:49 #4
- Berichten
- 1.290
- Lid sinds
- 13 Jaar
Re: Probleem met background image
Heb je een link of een voorbeeld?
-
04-05-2020, 19:55 #5Particulier
- Berichten
- 1.730
- Lid sinds
- 16 Jaar
Re: Probleem met background image
ik stuur je ff een DM
-
04-05-2020, 20:37 #6Particulier
- Berichten
- 1.730
- 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