insert the image in css

[john00]

hello to all
my qusetion is If I can insert the image in css, so how can I add the alt attribute or other property. Because alt attribute are important for the seo.

[irfan]

I can understand the old "image replacement" trick, but as Jorge states, the original tag text content should cover that.

If you use css background sprites for standalone icons (no-text), that's a bit more tricky. Ideally they'd be images in their own right, but this is a feature that's becoming more popular with the iconification of pages. An interesting example would be the the icons on this post (Flag and Bookmark). Neither has an accompanying title attribute:

<a class="button blue flag no-margin margin-right" href="#"><i class="fa fa-flag"></i></a>

This uses an icon font, but for the sakes of SEO / accessibility it probably equates to the same thing - no SEO, not accessible.

[milos87popovic]

I don't understand you, you add for example background-image:url-to-image or something else?
On background image you can't add alt and title tag, only on <img src=""/> you can add this tags.

Good luck

[Zimmerman]

I would like to give the example of image adding (http://www.rasteredge.com/how-to/vb-net-imaging/tiff-add-image/) to TIFF document by using a tiff processing (http://www.rasteredge.com/how-to/vb-net-imaging/tiff-processing/) and editing tool within a .net application. Use a tiff image inserting plugin, we can copy and add an image, graphics, signature or logo to TIFF document using variable image compression modes to any existed TIFF page or new creating blank TIFF page.

[stevex]

<img src="http://www.flowerpicturegallery.com/d/5298-2/Big+dark+pink+Lotus+Flower+photo.jpg" alt="A pink beautiful flower">
img {
display: block;
max-width: 100%;
}