Question: I have some bulk images inside DIV tag and If I click an image inside this DIV tag I need to display that Image in Image control.

Here is my response where I am displaying all the bulk images:

```
<script>
      $('#showfilelist').append("<div id=" + file.id + " class='thumb'><a href='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' target='_blank' rel='gallery'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' width='50' height='50'/></a></div>");
</script>

```

Now If I click an image inside the above DIV the selected image should be displayed inside this Image control

```
<asp:Image ID="Image1" runat="server" BackColor="#0099CC" BorderStyle="None" 
                                Height="624px" Width="500px" />

```

Answer: 
What you would do in SVG is to define a `<pattern>` that contains a rect with the color you want and the image you want, and then use that as fill for the `<path>`.

See [this example](http://dev.w3.org/SVG/profiles/1.1F2/test/harness/htmlObjectApproved/pservers-pattern-01-b.html) from the SVG testsuite.

'background-image' and 'background-color' don't apply to svg content unless it's handled by the CSS box model (so basically just the root svg element).
I'm reasonably sure you cannot have an image with a background colour in one path.

You can however replicate the effect by having two paths in the same position, with the image path on top of the solid colour path.