OK, solved my own problem by changing how I applied backgrounds.
The div now has the gradient from grey to white from lower left to upper
right, and the pseudo now has the bg image that the div originally had. iOS
is happier this way. Kinda odd.
Thanks to those digging in...
On Wed, Nov 28, 2018 at 3:43 PM Tom Livingston <tom...@gmail.com> wrote:
> Hello list,
>
> I am trying to use a linear gradient in a pseudo element.
>
> div:before{
> background: linear-gradient(45deg, rgba(243,243,243,1) 0%, rgba(243,243,
> 243,0) 80%, rgba(243,243,243,0) 100%);
> }
>
> in iOS Safari I am getting what looks like white to grey to white from
> lower left to upper right. In desktop FF, I am getting the desired grey to
> white from lower left to upper right.
>
> Also, in iOS Safari the grey is much darker.
>
> Can anyone tell me what's happening and how do I fix it?
>
>
>
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
