Jump to content

Photo

CSS3 ...again :/


  • Please log in to reply
4 replies to this topic

#1
Shmoo97

Shmoo97

    Member

  • Member
  • 79 posts

Hi all ,
Another problem for you to solve :P
I'm making a menu for someones website and i wanted to use a gradient and

Background-attachment : fixed ;
together on a
<li>
but when i put in the
Background-attachment : fixed ;
it falls back to the original 1-color background i implemented for older browsers :/
this is the code im using :
#menu
{
...
background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
...
Background-attachment : fixed ;
}


RedBird , CEO of Red Bird Airlines


#2
PacificAirways

PacificAirways

    Busy Bee

  • Member
  • 316 posts
Background-attachment: fixed; should fix it

Pacific Airways - Head of Public Relations, Globe Alliance

Photo%202-11-2014%203%2000%2046%20am.png


#3
Shmoo97

Shmoo97

    Member

  • Member
  • 79 posts
Thnx i'll try it 2morrow

RedBird , CEO of Red Bird Airlines


#4
Shmoo97

Shmoo97

    Member

  • Member
  • 79 posts
didn't work PA :/

RedBird , CEO of Red Bird Airlines


#5
Sendy Aditya

Sendy Aditya

    Fan of Mandala Racing Team

  • Member
  • 158 posts
  • WLM ID:sendy.suryana@gameloft.com
  • Yahoo ID:sendz21
  • Skype Name:ndyaditya
  • Website:http://sendyyeah.tumblr.com

Hi all ,
Another problem for you to solve :P
I'm making a menu for someones website and i wanted to use a gradient and

Background-attachment : fixed ;
together on a
<li>
but when i put in the
Background-attachment : fixed ;
it falls back to the original 1-color background i implemented for older browsers :/
this is the code im using :
#menu
{
...
background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
...
Background-attachment : fixed ;
}


older browser :/

does that browser compatible for CSS3.? check it first http://www.findmebyip.com/litmus/
I called it signature.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users