Hej HOL, Jeg er i gang med at lave en webshop, og skal have en slider med en background, hvor den fylder 100% af siden hele tiden. Hvordan kan jeg få den til at stretche baggrunden til at fylde hele slideren hele tiden, lige meget hvilken opløsning skærmen har? Hjemmesiden er live på: Cheapwatches.dk, så i kan finde koden og se på det der. Tak for jeres tid! :)
--

Setup:Intel Core i5 3470 @3.20Ghz, XFX HD7950 3GB, XFX Core Edition 550W, 8 GB 1600 mhz Kingston, ASUS P8B75-M, WD 500 GB, CM Elite 430 Black.

#1
stallemanden
HOL Moderator
17-03-2015 10:12

Rapporter til Admin

Width="100%"
--
http://ddns.hamdenkloge.dk[...]

#2
Waspi
Maxibruger
17-03-2015 10:26

Rapporter til Admin

Problemet er at baggrunden skal presses sammen til at fylde slideren ud, og contain og cover virker ikke.
--
Setup:Intel Core i5 3470 @3.20Ghz, XFX HD7950 3GB, XFX Core Edition 550W, 8 GB 1600 mhz Kingston, ASUS P8B75-M, WD 500 GB, CM Elite 430 Black.

#3
NizeGuy
Giga Supporter
17-03-2015 10:50

Rapporter til Admin

<li style="background: url(/files/theme/curren.png) center no-repeat; background-size: cover"></li> Du skal have "background-size" is samme element som "background". edit: Ville også foreslå at skalere dine billeder, da ingen har en skærm til at kunne se 9.600px × 4.000px stort billede. Det tager også længere tid at indlæse din hjemmeside pga. den høje opløsning.
--
MSI Z97M GAMING || Intel Core i7-4790K (Corsair H75) || Kingston 8GB DDR3 || Gigabyte GV-N970IXOC-4GD

#4
stallemanden
HOL Moderator
17-03-2015 11:33

Rapporter til Admin

Jeg skulle lige til at sige, som #3 er inde på. Forsøg at lave billedet i en størrelse der rent faktisk matcher det du ønsker at vise. At have billeder i en karrusel som du laver, der fylder 8MB pr. stk. er meget lidt hensigtsmæssigt. Med andre ord - begræns dit CSS-trylleri, og udform dit materiale lidt bedre til det design du forsøger at lave.
--
http://ddns.hamdenkloge.dk[...]