Copy link to clipboard
Copied
Just wondering if it is possible for a slide to contain a background image and have text appear on top of it?
I've tried many ways and each time, the image is being displayed on top of the text.
Examples I've tried:
<cfpresentationslide Title="FILE BACKGROUND" duration="14" presenter="Paul">
<html>
<body background="file:///C:/inetpub/wwwroot/ppt_test/slide_header.jpg">
<h3>Sales</h3>
<ul>
<li>Overview</li>
<li>Q1 Sales Figures</li>
<li>Projected Sales</li>
<li>Competition</li>
<li>Advantages</li>
<li>Long Term Growth</li>
</ul>
</body>
</html>
</cfpresentationslide>
and
<cfpresentationslide Title="DIV" duration="14" presenter="Paul">
<div style="background-image: url('slide_header.jpg'); width: 960px; height: 124px; color: ##000000; z-index: -9999">
here
<div style="z-index: 9999; border: 1px solid red;">
<h3>Sales</h3>
<ul>
<li>Overview</li>
<li>Q1 Sales Figures</li>
<li>Projected Sales</li>
<li>Competition</li>
<li>Advantages</li>
<li>Long Term Growth</li>
</ul>
</div>
</div>
</cfpresentationslide>
and
<cfpresentationslide Title="TABLE" duration="14" presenter="Paul">
<table style="background-image: url('slide_header.jpg'); width: 960px; height: 400px; ">
<tr>
<td valign="top">
<h3>Sales</h3>
<ul>
<li>Overview</li>
<li>Q1 Sales Figures</li>
<li>Projected Sales</li>
<li>Competition</li>
<li>Advantages</li>
<li>Long Term Growth</li>
</ul>
</td>
</tr>
</table>
</cfpresentationslide>
Copy link to clipboard
Copied
After further investigating, it appears that on each slide, the background image has been duplicated 8 times!
Also attempted one slide where I just made the image position: absolute; It only appears once (because it's not a background image) but it still shows on top of the text.
<cfpresentationslide Title="FILE BACKGROUND" duration="14" >
<html>
<body>
<img src="slide_header.jpg" style="position: absolute;">
<h3>Sales</h3>
<ul>
<li>Overview</li>
<li>Q1 Sales Figures</li>
<li>Projected Sales</li>
<li>Competition</li>
<li>Advantages</li>
<li>Long Term Growth</li>
</ul>
</body>
</html>
</cfpresentationslide>