-
200806 Mar
Posted in Browsers
I’mI began writing this post in IE8*, something I didn’t think I’d be doing just a short while ago; the IE team have certainly been busy in the last 18 months! As it’s beta software there are obviously quite a few rough edges and we can’t consider it feature complete, but I thought I’d take a look at what features of CSS 3 have made it in already.The short answer: not many! In fact, the only ones I can find are the substring matching attribute selectors:
E[att^='val'] E[att$='val'] E[att*='val']
These allow you to choose elements based on substrings of their attributes; that begin with, end with, or contain (respectively) the provided value. Update: As has been pointed out in the comments, these were already available in IE7; I should have known that, as I wrote the (now outdtated) compatibility table! In my defence, it was very late when I wrote this post…
Other than that, nothing I can see. Although it’s not new to CSS3, generated content is supported, which is good news. Using the
:beforeand:afterpseudo-elements, you can add text content (and images according to the spec, although they don’t seem to work in IE8);E:before { content: 'foo'; } E:after { content: 'foo'; }No
opacityorRGBAyet, which is a shame as they’re supported in almost all of the other browsers. Still, it must be remembered that there’s still time for new features to be added before release.* I had to switch to Firefox; IE8 is not ready just yet!
You can skip to the end and leave a response.
-
Comments
-
01.
[…] for CSS3, I’ve written a little about that over at CSS3.info; in a nutshell: […]
-
02.
[…] no sign of generated content. Beta 2? Please? Edit: according to CSS3.info, it does support generated content, but images don’t work (yet?). I’d been using this, […]
-
03.
Peter you can in fact add the following properties to your list of properties that IE8 supports:-
# Generated content (as you mentioned) including ‘Counters’
# Outline
# New ‘display’ values (supports all ‘display’ values as per the CSS 2.1 spec)
# Box-sizing (utilises new IE-specific ‘-ms-box-sizing’ until spec has been further clarified)
# Writing-mode -
04.
» IE8 Beta 1 released & it’s CSS support :: Coding and Dreaming says:Comment » March 6th, 2008 at 3:07 am
[…] G beat me to it, by posting on the CSS3.Info site regarding CSS improvements in IE8. He did however, miss out some notable new properties- they […]
-
05.
Lars says:Comment » March 6th, 2008 at 3:09 am
Most of the work seems to have been focused on CSS 2.1 support, which isn’t really surprising.
From the “CSS 2.1 Compliance” whitepaper ( http://code.msdn.microsoft.com/ie8whitepapers/Release/ProjectReleases.aspx?ReleaseId=568 ):
“In regards to CSS3, the following two features are implemented at the time of publishing:
* Box-sizing Property
* Vertical Text” -
06.
I believe IE7 supported the substring selectors as well (view my website for a tutorial on using those, which I wrote and tested in IE7 at the time) Then again maybe I misunderstood you and you were just pointing out what CSS3 features it supports, not what new CSS3 features it supports.
-
07.
Oh, I also agree, IE8 isn’t ready, it’s mucked up several things on my website that worked in IE6, IE7, Firefox, Opera, and Safari. Certainly IE8 can’t be the correct browser while all of those are the wrong browser regarding CSS rendering. The problem I ran into the most dealt with background images positioned on anchor tags. Hopefully it’s just a beta glitch.
-
08.
[…] CSS3 features in IE8 Post a comment | Trackback […]
-
09.
I think I can stipulate that this wasn’t my best post; yes, the substring selectors were available in IE7 already, and I should have made clearer that generated content was not the only new CSS feature, I just thought it was the most notable.
I wrote this post late last night having had only an hour or so with IE8; proof that being quick to react doesn’t mean giving the best reaction!
-
10.
IE8’s goal is not to support CSS3 nor will it either.
Quote:
“Our goal is to deliver complete, full CSS 2.1 support in the final IE8 product.” -
11.
Not supporting new CSS3 properties is one thing… But they could really do some very simple additions, like opacity (feature already implemented through filter:alpha(opacity=xx)), or by supporting the CSS3-way of defining pseudo elements, such as ::before and ::after. (From what I read, only the :before and :after syntax works at the moment)
These features are already implemented in IE8, they just need to add simple aliases to make them work in more cases, to improve their compatibility. -
12.
Stifu, I beg to differ. I was just doing some extensive research into IE8 and guess what I found:
There is no way to use ‘opacity’ in IE8; filter(alpha=50) does not work.
In removing hasLayout, the IE team removed the ability to use filters, as filters require the hasLayout property. I’m quite serious; head over to http://www.quirksmode.org/css/opacity.html in IE8. It doesn’t work.
For more info, check my blog post on the topic (http://guyleech.net/technical/css/no-opacity/).
-
13.
@ Madis: Not true – if you read http://code.msdn.microsoft.com/ie8whitepapers/Release/ProjectReleases.aspx?ReleaseId=568
they detail there intentions of supporting CSS3. If you look near to the top of the comments list, you’ll notice in one of my previous comments I detail a list of additional CSS support, including CSS3. -
14.
IE supports filters. Filters more rich than CSS “opacity” etc.
-
15.
@ BOLK – ‘filter’ isn’t a valid CSS property and is a proprietary CSS extension that only IE recognizes- therefore it’s use isn’t recommended
-
16.
to James Hopkins:
Thanks for pointing this out.
However, it’s quite doubtable if they will support CSS 3, as they don’t promise it, but they try to. But it’s nice to know they won’t leave us totally dry on that field. -
17.
I wish they would make an easier way to have multiple versions of their browser installed. But I imagine it would be more of a security nightmare than IE normally is :p
VMware gets the job done but I dont want to have to pay for another license of Windows. And that free image XP with IE6/7 for Virtual PC expires.
-
18.
jive: I assume this is for development purposes, in which case you could add the meta to force IE7 mode to make sure your pages work fine with it. I haven’t tried IE8 beta 1, but I haven’t heard of it supporting IE6 mode, though.
-
19.
The Internet Explorer 8 beta aftermath « Stone Ward Interactive says:Comment » March 6th, 2008 at 5:58 pm
[…] goes over the new CSS3 stuff in IE8, hint: there’s not much, just substring match […]
-
20.
Trn says:Comment » March 6th, 2008 at 7:03 pm
@Stifu
It seems like they have added an “Emulate IE7” button, so that shouldn’t be necessary.http://www.arcanology.com/2008/03/05/ie8-beta-1-is-released/
-
21.
@Jive, Microsoft offers a set of Virtual PC images with various IE versions installed and pre-activated installations of WinXP. They expire after a few months, but Microsoft has been releasing updated images whenever that happens. So you don’t actually need a separate Windows license to test sites in IE6, IE7, and IE8.
-
22.
Emil Ivanov says:Comment » March 6th, 2008 at 9:08 pm
If you want “IE6 mode” install multiple IE. Im using it to test pages in IE6. Now i am using IE8 Beta, but i dont see a reason why others are uninstalling it to get IE7 back, when IE7 mode is available with one button (and stupid restart).
-
23.
Guy: I somehow missed your post!
No matter what, I’m glad filters are gone from IE. :)
(I wish they’d throw more trash out of their browser, such as VML support etc.)That also makes me confident they’ll add support for opacity, since their non-standard IE counterpart, filter:alpha, has been removed.
-
24.
Emil Ivanov says:Comment » March 7th, 2008 at 10:24 pm
filter:alpha(opacity=value) is not working in IE8 mode but filter:progid:DXImageTransform.Microsoft.Alpha(opacity=value) is fine
-
25.
Ah, I totally forgot about the longhand version. Thanks for that Ivanov.
-
26.
[…] been pointed out (and confirmed) that […]
-
27.
Xu Xun says:Comment » March 8th, 2008 at 8:53 pm
I’m not able to confirm that filter:progid:DXImageTransform.Microsoft.Alpha(opacity=value) works on IE 8. Could you please direct me to a test case.
-
28.
Xu Xun says:Comment » March 8th, 2008 at 9:08 pm
Okay, I see what you’re talking about now. It does work in Microsoft’s example:
http://samples.msdn.microsoft.com/workshop/samples/author/filter/Alpha.htm
However, it appears as if the alpha filter is only “partially” working. The alpha filter does not work with the XHTML Transitional doctype. I haven’t tried other doctypes yet.
-
29.
[…] Beta software is feature complete March 7, 2008 (…) As it’s beta software there are obviously quite a few rough edges and we can’t consider it feature complete (…) […]
-
30.
[…] doesn’t look like many CSS3 features have made their way into IE8 […]
-
31.
Hi, i’m new here. I’m 12, but want to say i hate when i write one CSS for each browser (IE = filter: (alpha…); FireFox = -moz-opacity:…; and etc.).
I think if Microsoft made IE8, then IE8 must support CSS3. Hate when my css works on one browser, but not in other one.
Lets wait for news from IE8. Waiting when it will support CSS3. -
32.
Allahverdi: just to clear things up, you should forget about -moz-opacity and just use plain and simple opacity instead, as it’s been supported in Gecko since 1.7.
And on a side note, Dean Edwards’ IE7 JS library automatically converts opacity to filter:alpha(opacity). -
33.
Tripix.net » Blog Archive » Sobre Internet Explorer 8 y CSS says:Comment » March 12th, 2008 at 9:19 am
[…] En css3.info […]
-
34.
Fatih Hayrioğlu’nun not defteri » 12 Mart 2008 web’den seçme haberler says:Comment » March 12th, 2008 at 11:09 am
[…] IE8′de CSS3 özelliklerini görmek. Bağlantı […]
-
35.
-
36.
Going by IE’s own test suite I can confirm that there is undocumented support for two additional pseudo-classes – :first-child and :lang().
-
37.
[…] visitare questa pagina sul sito di Bruno Fassino. Utile anche perché mi sembra che confermi quanto ho letto su CSS 3 Info, ovvero che per emulare l’opacità funziona ancora il sistema basato […]
-
38.
There is as of yet undocumented support for the :first-child and :lang() pseudo-classes, using the new IE CSS test suite as an example.
As I can’t post more than one URL at a time in a comment, you’ll have to find the :lang() test case yourself
-
39.
James Hopkins: I was pretty sure :first-child got introduced in IE7, but I can’t verify that right now.
-
40.
Stifu, you are correct; IE7 introduced :first-child support, though it is not quite perfect. According to the test suite on this site, IE7 (and IE8) have two errors in their implementation: HTML comments or plain text before the element will incorrectly result in a match.
-
41.
Stifu, thanks for pointing out my silly mistake- should’ve thought twice before posting!
-
42.
@Stifu: I wouldn’t mind seeing VML removed from a future version of Internet Explorer, but ONLY after they have added support for Canvas and SVG. Currently VML is the only way to bridge some of the Canvas and SVG functionality to IE. The loss of VML at this time would break countless applications. In the current beta of IE8 VML is broken. It gives me the sense they are tyring to force developers to rely upon plugins such as Flash and of course their Silverlight.
-
43.
For the record, Microsoft have said in a whitepaper that they would include some css 3.0 features based on feedback, so naturally you would think that this would mean we get an opacity property, since this is the most voted-for bug on the connect site.
However, they closed the issue, saying they are not considering to add it until in _a future version_ !
Grr…. they brake the web real good!
See: http://www.sharpgis.net/post/2008/03/31/IE8-will-be-the-only-browser-not-to-support-opacity.aspx -
44.
Brian Fink says:Comment » April 14th, 2008 at 9:20 pm
@XU-XUN: The filter works for IE8 only if no DTD file is specified in the DOCTYPE tag. According to what I remember seeing from the documentation, this means you’re in quirks mode. apparently IE8 falls back on quirks mode if no DTD file is specified. But if you activate either quirks mode or IE7 mode, all the neat little CSS 2.1 features magically go away.
-
45.
Filters wil be reenabled in IE 8 later.
The only problem is that filters previously worked when some element “has a layout” but IE 8 has removed this non-W3C concept.They must thus modify their “filter” supporting code.
Another thing, I think they can implement “opacity” so :
– If the filter property is defined and contains a “alpha” filter, opactity is ignored
– Else, filter became “defined” with an additionnaly “alpha” filter.So transparency will never load two times, self if the site use both filter and opacity.
-
46.
FremyCompany, how do you know they are going to reenable filters in IE8? Ticket https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=331735
is closed… The only thing we can do is encourage everybody to vote for this bug… -
47.
Bruce Lawson’s personal site : CSS 3 image replacement on the ODiN blog says:Comment » August 18th, 2008 at 4:46 pm
[…] The CSS 3 content property is experimentally supported by Opera and Safari. Firefox supports the CSS 2.1 spec when used with the :before and :after pseudo-elements and there is rudimentary support (so far) by IE 8 beta. […]
-
48.
Confirmed - IE8 will NOT support the Opacity property :: Coding and Dreaming says:Comment » August 20th, 2008 at 12:12 am
[…] renders the filter property useless (as this document explains), although there had previously been some talk of the longhand value working – this means there is currently no way to emulate opacity in IE8 (the […]
-
49.
TheBuzzSaw says:Comment » September 17th, 2008 at 10:11 pm
I am very sad right now. IE’s inability to render :before and :after images (as content) is maddening. When will Microsoft create a browser that people actually WANT?
-
50.
Hotsix says:Comment » October 14th, 2008 at 9:10 am
Internet Explorer is the current Netscape Navigator 4.0! I don’t optimize any web apps and pages for IE anymore – the afford to do that simply doubles or triples the development time. Well, my apps and pages work in IE but they don’t look as fancy as in modern browsers.
Sadly it looks like IE8 will not be any better and if Microsoft keeps going that way then IE will vanish sooner or later.
-
01.
