Skip to main content
Participant
November 13, 2014
Question

CF10 Using background image in cfpresentationslide

  • November 13, 2014
  • 1 reply
  • 280 views

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>

This topic has been closed for replies.

1 reply

Participant
November 13, 2014

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>