An image should be inserted as a background image only when it is purely decorative. If an image is part of the content, it should be inserted using the img element. Background images are ignored by search engines, they don't figure in search results. Also, background images are not accessible because they are ignored by screen readers.
~Chetan On Fri, Dec 10, 2010 at 10:04 PM, TriState Advantage, Kris Jacobson <k...@tristateadvantage.com> wrote: > Recently I was studing a tutorial on taking an existing website and creating > a seperate style sheet to make the site workable as a mobile site. In the > tutorial you replace the existing header image with a smaller image using > background-image selector in the css. > What I am not clear about, is the original image would have to be placed on > the original site using the background-image selector in css and not the html > image tag? > Studing this I am thinking all the original images on the site would have to > be placed with the background-image tag so that the site could be adapted. > Which would probably involve each image in a seperate div so that this would > work. > Am I interpeting this correctly? Is this proper use of the background-image > tag? I have tried googling background-image and haven't come up with any > answers. > I read an article suggesting you start with building your site for a mobile > site and then adding to it to create a desktop site but that is not always > possible so I would like to figure out how to adapt a site. > Any thoughts or suggestions on a better way to do this would be appreciated. > Thank you > Kris > ______________________________________________________________________ > css-discuss [cs...@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
