On Thu, 05 Aug 2010 08:49:38 +0100, Philippe Wittenbergh <[email protected]> wrote:
> > On Aug 5, 2010, at 4:13 PM, Duncan Hill wrote: > >> the usual recommendation is to give the rules with vendor prefix first, >> followed by the 'natural' rule so that when Mozilla and Webkit fully >> adopt >> the property, their browsers will respond to the 'natural' rule and >> ignore >> the prefixed version. > > Thanks for repeating that recommendation :-). It (normal part of the > cascade) is something that people apparently completely fail to > understand, as there so many webpages that mis-handle it. So many tutorials ignore the actual specification and only concentrate on the -moz- and -webkit- prefixes, the problems will begin when the properties are fully adopted in all main browsers, including in all probability IE9. If the property is correctly applied to stylesheets now, the transition as more browsers become fully compliant, will be smooth and more or less consistent without much further effort. In some cases, tutorials display the correct property first, followed by the vendor prefix version which runs the risk of the correct cascade being defeated. Placing the property as the last rule will over-ride the vendor prefix whenever it can. (I know you know much more than me on this Philippe, just hope it makes it a bit more understandable to anyone just delving into the property) > > For the record - WebKit (Safari 5 / Chrome 5) support border-radius > without the vendor prefix (-webkit-). Box-shadow still needs the vendor > prefix as it was not part of the CSS3 background and borders module when > it became a Candidate Recommendation. I read an article (can't find my link) where, perhaps it was one of the dev versions, was responding to both sets of properties, with and without the prefix. This was producing different rendering in the browser and reinforces the importance of stating the rules in the correct sequence. Best wishes Duncan ______________________________________________________________________ css-discuss [[email protected]] 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/
