Full screen background?

[thekingsrook]

Hi,
I've been using the following CSS for full screen backgrounds but it doesn't work with Cool Kitten.

.slide1 {
background: url(images/image.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

When I remove the 'no-repeat center center fixed' from the first line the background image will appear, however the image then repeats, defeating the purpose.

Has anyone got full screen backgrounds to work with Cool Kitten?

[MGlahn]

Hi, I am having a similar problem. I want to have a smaller background image centered, but the centering gets overwritten by the js i guess.
Did you find a solution to your problem?
Best regards
Marie

[ghost]

@thekingsrook, @MarieGlahn
The code you posted is pretty similar to the code I am using on a project with the Cool Kitten framework:

#slide1{
background: url('../images/background.png') no-repeat center center fixed;
height: 750px;
background-position: 0px 0px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Works like a charm for me!

I did not change the JS or any other files.

edit:

see my repository, I am sorry for the mess in the directories but here it is:

https://github.com/MarekVrofski/La-Dolce-Vallata