-
08-01-2012, 19:37 #1
Geen kader in firefox/ie wel in opera
screenshots:Code:<div style='position:absolute;bottom:0px;right:180px;padding: 0px 5px; font-family: "Arial", sans-serif; font-size: 10px; background-attachment: scroll; background-repeat: repeat; background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5059) 50px); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; width: 300px; text-align: right; color: #444444; text-decoration:underline;'>{time}</div>
opera > goed
ie/firefox > slecht
Iemand een idee?no votes
-
-
08-01-2012, 22:29 #2Approved 9-lifer
- Registered
- 20/08/09
- Location
- ...
- Posts
- 3,812
- iTrader
- 6 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/127
de -o- prefix gaat er al voor zorgen dat enkel opera die regel gaat uitvoeren. let er ook op dat dit echt geen wijd ondersteunde css attributen zijn.HTML Code:background-image: -o-linear-gradient(left, rgba(....
crossbrowser support zal er ongeveer zo uit zien:
HTML Code:.gradient{ background: url(gradient.gif) top left repeat-y; /*gewoon zien dat uw image breed genoeg is en overflow-hidden staat op uw bovenliggende container*/ background: -moz-linear-gradient(left, #00abeb, #fff) ; background: -webkit-gradient(linear, left center, right center, from(#00abeb), to(#fff)); }Gory, gory, what a hell of way to die.no votes
-
08-01-2012, 22:32 #3Member
- Registered
- 28/07/02
- Location
- Gent
- Posts
- 2,195
- iTrader
- 19 (91%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/144
CSS3 Generator
must have.no votes
-
08-01-2012, 22:35 #4Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
En zoveel style zou ik in een css-bestand zetten en niet inline.
no votes
-
08-01-2012, 23:37 #5no votes

