I was reading the Safari developer docs and it lists these as a new feature supported in Safari 9 (seems like IE and Firefox have support, too) but I can't find any decent documentation on how to use this...
Has anyone tried this yet? Got it working? Can you please point to some working code? Thanks.
Related
I just completed successfully transforming my site to CSS Grid. It works fine in Chrome and Firefox but scrambles things a bit in Edge and IE. In Safari for Windows it is also not right, but I believe that is an old version of Safari. I don't have an Apple to try an up-to-date version. Chrome and Firefox seems to have the lions share of usage statistics, so I am probably OK, but I thought I would see if anyone
has other opinions before I publish the site. Thanks for any suggestions.
you can loook at the can I use it page.
For browser which not support CSS Grid u can try a Modernizr Script. Try to look in the docs here
I am just trying this and it is not working properly on internet explorer 11.
not look like cube at all. how can i achieve like in chrome?
Check here
Please guide me
Thanks
Maybe IE has issues with keyframes, transform, etc.
Please check which CSS properties are not supported here:
https://caniuse.com/
When I use Chrome and Firefox with this website http://hyojung.vn/network and it's work perfectly, but I move to IE all of my products is showed in 1 column as some small divices. How can I fix this?
Thanks a lot.
You need to provide folks with more info.
What version of IE are we talking about.
From a quick look, you are using flexbox which is not fully supported below IE11.
I have these squiggly lines under CSS code that isn't cross browser compatible. It's really bugging me. Anyone know how to turn it off?
Thanks in advance for anyone sharing ideas on how to remove!
Internet Explorer for Windows versions up to and including 6 do not support transparent borders.
Source: http://reference.sitepoint.com/css/border-color
Assuming you're not developing for IE6, you should can choose to ignore this issue from the compatibility check and carry on.
Many of us have been thrilled with polyfills to make IE less of a drag. But my beef is with WebKit. What the hell, WebKit? You're so awesome at everything else; why did you have to go and not implement calc(), eh? ...but it's not a big deal if there's a polyfill.
Is there?
Google is uncharacteristically laconic on this point. So: 0 Hivemind, does such a thing exist?
calc() support has landed in Chrome 19 with the -webkit- prefix! Not sure how long before version 19 gets pushed out to everyone, but it should be within the next few months. Since IE9+ and Firefox already have support, the last holdouts will be Safari and Opera. Fortunately I believe an updated Safari build is likely to be released with OS X Mountain Lion this summer. I'm not sure when Opera plans to add support.
I don't think there is a polyfill for this for Chrome yet ... none that I have found. Best way to get what you need I think is to use javascript. Unfortunately you will have to call that script on browser resize as well.
https://github.com/CJKay/PolyCalc
This is a good start. They have stopped maintaining the project due to most browsers haveing calc available but works well. I have found a couple bugs and fixed them on my sites.
If anyone would like to know my fixes please contact me