On Wed, Apr 11, 2018 at 10:46 AM, Tom Livingston <tom...@gmail.com> wrote: > 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 didn't think scripts were involved, but I have seen where some error prevented unrelated things from working. > 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! :) ______________________________________________________________________ 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/