Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.

I was busy with my website using latest Chrome.

For no reason, I just started searching through code using Inspect Element.

I scrolled down, after I saw some rare happening. -moz- -o- -ms- -webkit- were all crossed, except box-shadow itself. Same happening was for every single CSS3 element, such as gradient, text-shadow, transition, box-shadow.

I was wondering if it's only for Chrome. I put the parts of code where there is prefix, between /* and */. Then started named below browsers, using 127.0.0.1, and it all gives me result I wanted, without any prefixes.

Google Chrome 28.0.1500.95 -webkit-

Internet Explorer 10.0.9200 -ms-

Mozilla Firefox 23.0 -moz-

Opera 15.0.1147.153 -o-

Why everyone kept telling me, that I need to do it? When all browsers support it? (I mean that, all these 4 prefixes catch all browsers).

share|improve this question
6  
Chrome doesn't use webkit anymore (starting with v28) – Zenith Aug 9 at 22:32
2  
That means I should start reading documentation of each download, since I didn't knew that. – Rik Telner Aug 9 at 22:35
3  
No worries, I just re-read and my comment doesn't really help answer your question much! I think the answer should help - use the prefixes if you'd like to support older versions of chrome etc. – Zenith Aug 9 at 23:00

2 Answers

According to caniuse.com (first google result) the vendor prefix will support a few outdated versions of Mozilla and Webkit-based browsers.

Link: http://caniuse.com/css-boxshadow

share|improve this answer
And which query to be specific? – Rik Telner Aug 9 at 22:43
1  
"box-shadow browser support" – user1994380 Aug 9 at 22:51

The current versions of Chrome/Opera use a rendering engine that has deprecated vendor prefixes. So technically you don't need to use them at least for those anymore. However, since tons of people still use old versions, as well as other webkit browsers, it's best to still include them :)

share|improve this answer
Ok, but yet? Why did browsers required a prefix, couldn't they just hang on same CSS3 rule, the content is still same. – Rik Telner Aug 10 at 9:07
They're used because the software vendors producing the browsers wanted to implement the new functionality pre-release of the CSS spec. Using vendor prefixes insures there aren't any changes to the functionality of the page later on down the road. – Blake Aug 11 at 19:29

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.