Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

CSS gradients fucker i IE10 og Chrome 25

5 views
Skip to first unread message

scootergrisen

unread,
Apr 27, 2013, 2:36:15 PM4/27/13
to
På http://netkoder.dk/netkoder/filmliste.php bruger jeg disse CSS koder
til at lave en gradient på lige/ulige <tr> i tabellen.

Det virker fint i Firefox og Opera.

Men i Chrome 25 farver den hver <td>. Jeg vil kun have farvet <tr>.

Og i IE10 er der samme problem + at det ligner gradienten bliver
gentaget 2 gange i hver <td> uden at der rigtigt er noget system i det.

Hvad skyldes det ?

.filmliste tr:nth-child(even) {
background: #ccc;
background-image: -webkit-linear-gradient(0deg, rgba(240, 240, 240,
1) 0%, rgba(204, 204, 204, 1) 100%);
background-image: linear-gradient(90deg, rgba(240, 240, 240, 1) 0%,
rgba(204, 204, 204, 1) 100%);
}

.filmliste tr:nth-child(odd) {
background: #ddd;
background-image: -webkit-linear-gradient(-180deg, rgba(240, 240,
240, 1) 0%, rgba(221, 221, 221, 1) 100%);
background-image: linear-gradient(-90deg, rgba(240, 240, 240, 1) 0%,
rgba(221, 221, 221, 1) 100%);
}

Rune Jensen

unread,
Apr 28, 2013, 2:55:41 AM4/28/13
to
On 27 Apr., 20:36, scootergrisen <NEJ...@TILSPAM.DK> wrote:
> Påhttp://netkoder.dk/netkoder/filmliste.phpbruger jeg disse CSS koder
> til at lave en gradient på lige/ulige <tr> i tabellen.
>
> Det virker fint i Firefox og Opera.
>
> Men i Chrome 25 farver den hver <td>. Jeg vil kun have farvet <tr>.
>
> Og i IE10 er der samme problem + at det ligner gradienten bliver
> gentaget 2 gange i hver <td> uden at der rigtigt er noget system i det.

Prøv at lave td background: transparent og se hvad der sker.


MVH
Rune Jensen

Rune Jensen

unread,
Apr 28, 2013, 3:02:44 AM4/28/13
to
On 28 Apr., 08:55, Rune Jensen <runeofdenm...@gmail.com> wrote:
> On 27 Apr., 20:36, scootergrisen <NEJ...@TILSPAM.DK> wrote:
>
> > Påhttp://netkoder.dk/netkoder/filmliste.phpbrugerjeg disse CSS koder
> > til at lave en gradient på lige/ulige <tr> i tabellen.
>
> > Det virker fint i Firefox og Opera.
>
> > Men i Chrome 25 farver den hver <td>. Jeg vil kun have farvet <tr>.
>
> > Og i IE10 er der samme problem + at det ligner gradienten bliver
> > gentaget 2 gange i hver <td> uden at der rigtigt er noget system i det.
>
> Prøv at lave td background: transparent og se hvad der sker.

Jeg ville forsøge med nth-of-type på tr også, hvis ovenstående ikke
virker.


MVH
Rune Jensen


MVH
Rune Jensen

Erik Ginnerskov

unread,
Apr 28, 2013, 12:38:57 PM4/28/13
to
Rune Jensen wrote:

> Prøv at lave td background: transparent og se hvad der sker.

Hvis man ønsker valid css, er transparent ikke en option. Det virker ellers
fint nok. ;-(

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk

scootergrisen

unread,
Apr 28, 2013, 12:57:24 PM4/28/13
to
>> Prøv at lave td background: transparent og se hvad der sker.
>
> Hvis man ønsker valid css, er transparent ikke en option. Det virker
> ellers fint nok. ;-(

I mit tilfælde virker det ikke men det er heller ikke så mærkeligt fordi
der er ikke sat nogen baggrundsfarve på <td>.
0 new messages