Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Working with Multiple Background Images

  • CSS3 supports the capability to add and work with multiple background images on a single page element
  • The positions that are available are top, bottom, left, right and center and you can combine them
  • Dreamweaver does not have full support for this property within CSS Designer
  • When you work with multiple backgrounds, you have to be careful of the order of the backgrounds in case they overlap
  • The first one listed will always be the top most image in terms of layering
  • There is coding on the page that shows a couple of different ways to add 2 background images to show you 2 different methods for adding multiple background images
  • You can uncomment and comment the 2 different methods in order to view them in the browser

Working with Multiple Background Images

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Wrapper Box 0:58
    • Remove Comment
    • Background Images
    • Background Repeat
    • Background Position
  • Adjusting Wrapper Height 4:29
  • Applying Comment 5:46
  • Overlapping Images 7:22