On Wed, Apr 11, 2018 at 9:50 AM, Larry Martell <larry.mart...@gmail.com>
wrote:

> I just noticed that only in safari on only the affected page I'm
> getting 404's for
> `https://tomliv.com/css-d/svg-clip/js/min/scripts-min.js` and
> `https://tomliv.com/css-d/svg-clip/img/client-logos/` in the console.
> Not sure if that is the issue or not.
>
> Also I came across this page which may be helpful:
>
> https://caniuse.com/#feat=css-clip-path
>
> On Tue, Apr 10, 2018 at 8:03 PM, Tom Livingston <tom...@gmail.com> wrote:
> > Also, adding dimensions to the svg didn’t help.
> >
>


Thanks Larry.

Scripts are not involved with this situation. I have read through the
caniuse page you referenced and adding the -webkit- prefix didn't help with
Safari even though Chrome is happy.

This is my first attempt at clip-path so still learning the tricks. Would
really love to know whats up with this, though. I am feeling like it's
either something silly I missed or the answer lives in the land of the odd
and obscure.

Incidentally, the issue is also in iOS Safari.

FYI, I will be eventually solving this, I think, by adding a class to
overlay the svg shape on top of the image using a pseudo element.

The learning never ends! :)


-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
______________________________________________________________________
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/

Reply via email to