CSS3
  • Hey. Today I'm working on a wed design on Photoshop and just added a box with rounded corners. I know that it's usually done with multiple divs but there is a nice option in CSS3 for that - multiple backgrounds.

    Firefox, Chrome, Safari do support that pretty well but IE doesn't (as I know. I'm not using it so I may have an out-dated version of it). Anyone has a link to a website where I can see an up-to-date info about browsers, do they support this CSS3 option or not.

    P.S. Anyone knows when is IE going to support it?
    P.P.S. I fully understand that it's going to take a while until everyone upgrades their old IEs to the one that would support it. Fuck IE - it's slowing everything down -_-'
  • If you're using CSS3 for rounded corners, why not use CSS3's border-radius property?

    http://www.css3.info/preview/rounded-border/

    IE will probably have it in IE9.
  • well yeah, but the situation is the same - IE doesn't support it :| I hate that IE doesn't update automatically like FF does.
  • @Vento: That is not just because of a lack of the feature.
  • I'll do it the slow way until the world is on IE9...
  • Most CSS3 things you can do using a bit of JQuery as a fallback. See http://plugins.jquery.com/project/backgroundlayers for multiple backgrounds and http://docs.jquery.com/Tutorials:Rounded_Corners for border-radius. So by all means use fancy CSS3, but have a Javascript fallback in case it doesn't work on a particular browser.
  • @Jonny:

    Yeah, you can do everything using JS but it's pretty slow. (yes, I'm a speed maniac) browser can render everything in a 'lower-level' so it is done faster.

    In additional only Chrome and FF have fast JS engines. Other browsers are even worse.
  • @Vento: Yes, but you do need a fallback don't you?
  • ofcourse I do.I've bookmarked that page laready.
  • has work on the creation css3 already completed? (Forgive me if I'm behind the times 0)))
  • It's usually the implementation by browsers that's important. The standards are designed far before you see them on popular websites.
  • My Mozilla doesn't support the property " border-radius "))
  • It works on v3.6.3. But even an older version should be able to support it. Try updating your Firefox.
  • @vendro_compota try "-moz-border-radius" instead. Also "-webkit-border-radius" for Chrome/Safari etc. AFAIK at the moment the implementations are slightly different (so a rounded border in Firefox could look quite different to a rounded corner in Chrome, with the same parameters), but presumably over time the kinks will be worked out so that they look identical 100% of the time, then you will be able to use "border-radius" on both types of browser.

    Not sure if I got that quite right, but that's how I see things.
  • ok. If I understand correctly, most users (like me) still do not use browsers that can adequately support this property. Moderators, please connect to the theme a survey titled "does your browser support property "border-radius" (one of the answers -" I do not know "))))))
  • What browser do you use? Unless you use IE there should be some way of doing native CSS rounded corners. It definitely works in relatively new Webkit (Chrome and Safari etc) and Gecko (Firefox) browsers.
  • I use Mozilla Firefox ))
  • Do we even have surveys on Vanilla yet?
  • No need. There's analytics.

    Browser  Visits in last month  Percentage
    Safari31638.87%
    Firefox28334.81%
    Chrome19724.23%
    IE141.72%
    Opera20.25%
    Mozilla10.12%
  • Doesn't the compatibility depend on the version of the browser? ...or that could be implicit.
  • Oh. I'd assumed more of us keep our browsers up-to-date. Analytics access is available to all the members of the mailing list. I can add you if you like.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Poll

No poll attached to this discussion.

In this Discussion