Search

Generated content url value is not supported by DamianPEdwards

Closed
as Fixed Help for as Fixed

2
Sign in to vote
1
Sign in to vote
Sign in
 to vote
Type: Bug
ID: 368610
Opened: 9/19/2008 4:43:07 AM
Access Restriction: Public
0
Workaround(s)
0
User(s) can reproduce this bug
According to the spec (http://www.w3.org/TR/REC-CSS2/generate.html#propdef-content): The value is a URI that designates an external resource. If a user agent cannot support the resource because of the media types it supports, it must ignore the resource.

In other words, you should be able to use syntax like the following to insert an image (or other media type supported by the browser) via generated content:

a[rel="External"]:after {
    content: url("external-link.gif");
}

This works in Safari 3.1, Firefox 3, Opera 9.5 and Google Chrome, all on Windows. Does not work in IE8 beta 1 or beta 2.
Details (expand)

Please verify that this issue occurs in Internet Explorer 8 RTW. Click here for more information.

1. What seems to be the problem? Click here for more information.
There is a standards issue in Internet Explorer.

2. What area did the issue occur in? Click here for more information.
----CSS and HTML

3. What language of your browser's frame? Click here for more information.
English

3a. What is your language preference order?  Click here for more information.
English (Australia) [en-AU]

 
Please try to reproduce this issue in No Add-ons mode and answer the following 2 questions. You can find the No Add-ons shortcut under All Programs > Accessories > System Tools > Internet Explorer (No Add-ons).  Click here for more information.

4.  What was the result of the issue after trying it in No Add-ons mode?
The issue reproduces in No Add-ons mode

5. If running in No Add-ons mode solves your issue, what kind of Add-ons are you using?
 

5a. If Other, then please list the add-on:
 


6. How often does this happen? Click here for more information.
Always Happens

7. What Operating System are you running? Click here for more information.
Windows Vista SP1 x64

8. Have you ever seen this problem before in Internet Explorer? Click here for more information.
This happens in IE8 beta 1

9. Where does this occur?  Click here for more information.
Both

9a. Please provide the URL of the internet application being used.
 


10. Please list the reproduction steps. Click here for more information.
Create a simple HTML file which includes the following:

<a href="http://tempuri.org" rel="External">External Link</a>

In the CSS include the following rule:

a[rel="External"]:after {
content: url("external-link.gif");
}


11. What are the expected results? Click here for more information.
The image referred to in the url() value of the content property should be displayed.

12. What are the actual results? Click here for more information.
No image is displayed. Note that if text is also included it *is* displayed, e.g.

a[rel="External"]:after {
content: "external " url("external-link.gif");
}

Will result in the string "external " being added after the a tag but not the image.
File Attachments
4 attachments
Page in IE8b2.JPG
Page in FF3.JPG
Page in Safari31.JPG
Page in Op95.JPG
Sign in to post a comment.
© 2010 Microsoft Corporation. All rights reserved. Microsoft Connect Terms of Use | Trademarks | Privacy Statement