Display image via CSS

Unknown

Display image via CSS

Unknown

How can I display an image using CSS? As I understand, the image should live on the file system of the App Server to be found. But not sure where the file should live to be accessible by url.

Unknown

Heres what the background-image value should look like -

[b]For an absolute URL path:[/b]

background-image: url(http://localhost/decisions/HUI/Content/Images/lightbulb.png)

Where http://localhost/decisions should be your Base Portal URL.

[b]For a relative URL path:[/b]

background-image: url(../../Content/Images/lightbulb.png)

The path is relative to where the CSS Documents live on the file system.

The typical CSS Doc file path is C:Program FilesDecisionsDecisions Web HostHUIstylesCssDocuments. Images will need to be held on the App Servers file system under this directory, C:Program FilesDecisionsDecisions Web HostHUIContentImages. I recommend creating a Custom Images folder if various images are being added.