-
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. -
51.
Stoffe says:Comment » November 5th, 2008 at 4:33 pm
Well, if anyone missed it, a modified filter has implemented in beta 2. -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
To get it to work in compatibility view, the new filter has to be placed before the old filter (which is still needed for IE6 and 7)
#divId {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5;
}More info here: http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
-
52.
Joe T. says:Comment » November 17th, 2008 at 8:40 am
To Stoffe, et al: i don’t know if this is part of the beta phase, or by IE design, but applying the -ms-filter CSS extension to a block element seems to apply an actual (separate?) transparency layer to the block. As such, interactive content like links within that block become disabled. Even if you apply …(Opacity=100). It’s completely opaque, but descendant links do not respond.
-
53.
Remember-you!
that the MS OOXML format has been posted by ISO in 2008. There are always the presence of the VML for vector draw to keep a backward compatibility for old sites web and applications.There is also the famous tag
In addition that enables of to impose the desired compatibility mode.As regards IE 8 you can still discover the hidden face and especially that can do with the owners of MS since 1998 with the HTML-JAVASCRIPT – languages VML – TIME HTML – TDC.
http://nitroblog.mediasites.fr/nitroblog/post/index/39/Un-site-Web-vectoriel-30-sous-IE-8
A small reminder, PAGEDITOR PRO is a vector WYSIWYG editor that allows without programming to achieve a good invoice for 85 % of users of the planet website.
Here is the evidence under IE version 6-7-8: http://www.plein-air-locations.fr
Yet once you dream all in a world or MS should no longer regulate the planet!
Note that is to put 30 years to assimilate the word processing of text to Word…Patrick GUINBERTEAU
-
54.
Huh? I’ve found a couiple of articles saying (even wikipedia) saying that IE7+ supports the contains, starts and ends with substring selectors ( *= ^= $= )
..but this does NOT seem to be the case for me. what am i doing wrong here? the selectors below work fine in firefox but not in IE7 or IE8 RC1… and one example is straight out of the WC3 standards, so what gives?
e.g:
div[id*='contains']
{
background-color: Red !important;
}a[href$=".html"]
{
background-color: Red !important;
}contains the word in the middle of the id
-
55.
[...] da una percentuale significativa di browser attorno al mondo. Su questo, Internet Explorer 8 non segna un passo avanti: solo il supporto di propriet minori e alcuni metodi per selettori. Per implementare alcune [...]
-
56.
WEB 3.0 » Blog Archive » As que queras saber (casi todo) de CSS? says:Comment » April 18th, 2009 at 3:36 am
[...] CSS3 Features in IE8 – Peter Gasston [...]
-
57.
@jive (or anyone else bemoaning the hassle involved in testing multiple versions of IE in one OS).
Google ‘IE Tester’. It’s a free app that lets you view pages in all IE versions from 5.5 to 8. I use it in Vista x64 because Multiple IE was proving problematic (for me at least).
-
58.
Does anyone know when IE is going to support @font-face or are there any issues?
Norbert
-
59.
IE has supported @font-face for a long time, but only using fonts in the .eot format.
-
60.
Norbert, I’ve blogged about embedded fonts support in IE8 recently, maybe you’ll find it interesting.
Here’s the link: http://sharovatov.wordpress.com/2009/04/27/embedded-fonts/
-
61.
Kewl site man…
keep up the good work man…….
-
62.
Internet Explorer 8 + CSS3 = fail « The Bloggery of Jason Lydon says:Comment » July 31st, 2009 at 8:33 pm
[...] then I read more about CSS3 and notice that there are some mentions about Internet Explorer 8 not working with some of the features. And the dark cloud rolls back into my world. I go and look at some CSS3 stuff in IE8, and there it [...]
-
63.
-
64.
[...] CSS3 features in IE8 – CSS3 . Info [...]
-
65.
Hello, I came across this post while searching for help with fixing Microsoft Silverlight. I have recently switched internet browser from Opera to Firefox 3.2. After the change I seem to have a issue with loading sites that use Microsoft Silverlight. Everytime I browse website that needs Microsoft Silverlight, the page does not load and I get a “npctrl.dll” error. I cannot seem to find out how to fix it. Any aid getting Microsoft Silverlight to work is greatly appreciated! Thanks
-
66.
It’s quite sad, there is always a fix in a css code only for IE8. Just unnecessary work for us web designer!
-
67.
Still lots of user don’t want to upgrade his ie and other browser so sometimes we have to design website ie6 compatible also.If we use css3 it will not work on ie current version and the look and feel will not come same as other version.
Hacking CSS is not the right way :(
-
68.
[...] estão longe de implementar todos os recursos. O IE tem algumas poucas coisas implementadas em sua versão 8 e uma promessa dos desenvolvedores de melhorar um pouco mais na futura versão [...]
-
69.
http://siteexplorer.search.yahoo.com
-
70.
[...] estão longe de implementar todos os recursos. O IE tem algumas poucas coisas implementadas em sua versão 8 e uma promessa dos desenvolvedores de melhorar um pouco mais na futura versão [...]
-
71.
-
72.
Whiteboards offered through 2×3 can be divided via advantage of bewitching and non-magnetic,
melamine, lacquer and porcelain.
These plates can be mounted to the palisade, placed on a versatile underpinning, or moved in a column system.
Harry drive learn the applicable outcome benefit of their potrzeb.Firma 2×3 SA exists on the shop destined for 15 years.
Successfully develops, manufactures and distributes high-quality visual communicationBindownica products intended seeking offices, schools, public management institutions, enterprises of various industries, the advertising store, as sumptuously as instead of use domowego.Charakterystyczna transcribe spot is its spring and comprehensive cook-stove of products.
Farther down we proffer the novel lines in the tables offered close to 2×3.
A sui generis line of products for schools and the Lore Boards supermarket education effectively helps in the along of scholarship at other levels of education. The wide area of products and accessories, everyone settle upon bump into uncover the needed tools in behalf of everyday work. - 73.
- 74.
-
75.
In fact, not that many grounds, I just love the mulberry bags . Usually do not feel, you could have any seem!
- 76.
-
77.
-
78.
roxTombossy says:Comment » January 22nd, 2013 at 1:05 pm
Hi there! Recently I came across rta cabinet store. Have you used it before?
Any feedback? Hope you can help me. -
79.
Neinkdionge says:Comment » February 4th, 2013 at 10:48 pm
Hi there! Recently I came across birkenstocks online. Have you used it before?
Any feedback? Hope you can help me.
-
80.
verhealse says:Comment » March 20th, 2013 at 1:57 pm
Good day! Recently I came across Jewelry appraiser. What do you think?
Any feedback? Hope you can help me.
-
01.
TAG CLOUD
acid3
advanced layout
advanced layout module
Animations
background
border
Browsers
color
css
CSS3.info
CSS WG
csswg
developer tools
disabled
enabled
Feedback
firefox
firefox 3.1
flexible box layout
fonts
generated content
grid positioning
HSLA
HTML5
ie6
jina bolton
jquery
media player
Multicolumn Layout
News
Opera
Opera Dragonfly
presentations
RGBA
safari
Selectors
slides
SVG
text rendering
W3C
wasp
Web Fonts
webkit
windows
Hosting by:
Leave a Comment