I can't style with css pseudo img::before when an image is broken or inexistent.

RESOLVED INACTIVE

Status

()

Core
Layout: Images
RESOLVED INACTIVE
2 years ago
2 days ago

People

(Reporter: Francisco dos Santos, Unassigned)

Tracking

48 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

342 bytes, text/html
Details
(Reporter)

Description

2 years ago
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160823121617

Steps to reproduce:

Show additional information in case of an image is broken or inexistent.

HTML
<img src="any-image.jpg" width="256" height="256" alt="Harry and James" />

CSS
img::before { 
   content: "Sorry, this image is broken or inexistent. \a My cat Harry and my dog James together"
   white-space: pre;
}


Actual results:

Only appears the alternative text of the broken image, nothing more.

Note:
If i use img::after, works fine.

Sometimes i need to use both ::before and ::after pseudo elements.

My actual Firefox desktop version is 48.0.2.


Expected results:

Show the text defined in css "content" property.
(Reporter)

Comment 1

2 years ago
My working OS is Windows 7 x64.

Comment 2

2 years ago
Created attachment 8792320 [details]
1303574.html

Updated

2 years ago
Component: Untriaged → Layout: Images
Product: Firefox → Core

Comment 3

2 days ago
Per policy at https://wiki.mozilla.org/Bug_Triage/Projects/Bug_Handling/Bug_Husbandry#Inactive_Bugs. If this bug is not an enhancement request or a bug not present in a supported release of Firefox, then it may be reopened.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 2 days ago
Resolution: --- → INACTIVE
You need to log in before you can comment on or make changes to this bug.