CSS3 Full Screen Background Image – Dreamweaver CS6 Tutorial

27
2



Check out another of my videos: “BREAKDOWN: Select and Mask vs. Refine Edge – Photoshop CC”

-~-~~-~~~-~~-~-

Link to written tutorial:

In the following tutorial we will look at two different, no-nonsense ways to quickly create a full screen background with CSS and CSS3. These two methods work in any of the “good” browsers (Chrome, Firefox, Opera, and Safari) and I’ll give you details on Internet Explorer and what works there. Let’s get going!

Follow me on Facebook:
Follow me on Twitter:

Nguồn: https://chilmingtongreen.org/

Xem thêm bài viết khác: https://chilmingtongreen.org/tong-hop/

27 COMMENTS

  1. I am still haveing problem after editing css rule definition dialog box and positioning tabs, applaying and saveing it all, inside live view i got like a frame around my picture in white color, and got no clue whats going on.

  2. I see you changing your screen size… but only oh so slightly… Are you afraid to move to far so as to expose the fact that this IS NOT responsive ?
    Is your background responsive ? Will it properly scale down to fit a smartphont ? Tablet ?

  3. i try like this but my wrapper show the body background image aswell , give me the CSS or CSS3 code pls and html how to do this design >helps pls

  4. if you are too lazy here's the code:<!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>CHOOSE YOUR SIDE</title>
      <style type="text/css">
            #bg {
                top:0;
                left:0;
                z-index:-100;
                min-height:100%;
                min-width:100%;
                position:fixed;
                width:100%;
                height:auto;}
        </style>
    </head>
    <body>
    <img src="media/image/background_6.png" width="1920" height="1080" id="bg">
     <div id="Container">
         <div id="flag_1">
          </div>
           
            <div id="flag_2">
            </div>
           
          <div id="flag_3">
            </div>
    </div>
    </body>
    </html>

  5. hello i would like to ask after i do this im having problem with the <H1> </H1> … my concern only is that after i set the background all the heading and paragraph is under the image of the fullscreen background can you please help me im just starting learning dreamweaver tutorial

  6. Ok i would like some help Thanks. i have two problems the image is super low quality even tho the resulution is bigger than tutvid's are. and the image dosent cover the whole screen.

LEAVE A REPLY

Please enter your comment!
Please enter your name here