MobileRead Forums - View Single Post - Image overlayed over text (but text visible if image disabled)?

Kaylee Skylyn · 07-25-2012, 05:47 PM

I know I saw a way to do this in a web page before and I'd like to try it for an ePUB to maintain accessibility etc but cannot find the reference now.

Has anyone done this in an ePUB?

Specifically I am thinking of the first letter in a chapter. Instead of dropcaps I have a fancy image of the letter but if for some reason the letter is not visible, or someone is using a dictator I want the letter to still BE there (because not all will read the "alt" info of an image). I also thought I had an example of such in an epub but apparently not...Three Men in a Boat does have the nice image first letters but I'm not seeing code that shows the letter still there (other than the alt attribute in the image tag). I dug through some of the code snippet pages but didn't see anything (and much of the code snips do not have an accompanying example image that would greatly help me spot what code I'm looking for. Pet peeve there.)

Help?

07-25-2012, 05:47 PM	#1
Kaylee Skylyn Enthusiast Posts: 47 Karma: 415790 Join Date: Feb 2012 Device: android phone, Kobo Aura, Sony PRS 350	Image overlayed over text (but text visible if image disabled)? I know I saw a way to do this in a web page before and I'd like to try it for an ePUB to maintain accessibility etc but cannot find the reference now. Has anyone done this in an ePUB? Specifically I am thinking of the first letter in a chapter. Instead of dropcaps I have a fancy image of the letter but if for some reason the letter is not visible, or someone is using a dictator I want the letter to still BE there (because not all will read the "alt" info of an image). I also thought I had an example of such in an epub but apparently not...Three Men in a Boat does have the nice image first letters but I'm not seeing code that shows the letter still there (other than the alt attribute in the image tag). I dug through some of the code snippet pages but didn't see anything (and much of the code snips do not have an accompanying example image that would greatly help me spot what code I'm looking for. Pet peeve there.) Help?