Fixed background

Fixed background and text box element - CB compatible

by Dan N

HTML

<ul id="main" style="display:block;width:100%;height:auto;min-width:500px;font-weight:normal;list-style:none;box-sizing:border-box;padding:0;background-color:#066;background-image: url(https://2.bp.blogspot.com/-GKNrlLT82MY/WXtk97zvz0I/AAAAAAAAGTs/aap6V9W5iFATk1bY2KCw5UioEFYr2g8wwCLcBGAs/s1600/cle_bio.jpg);background-repeat:repeat;background-size:cover;-webkit-background-size:cover;background-position:top center;background-attachment: fixed;border:4px solid #fff;box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;margin:120px auto 50px 0px;">
<li style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:50px auto 40px auto;"><p style="display:block;width:90%;height:auto;margin:0 auto;text-align:center;font-size:5.333rem;color:#066;">Welcome to my Page</p></li>

<li style="display:block;width:90%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:20px auto 30px auto;"><ul style="display:block;width:100%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:0 auto;background-color:rgba(255,255,255,0.70);box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;border-radius:10px;-webkit-border-radius:10px;border:7px solid #fff;">
<li style="display:block;width:25%;height:auto;list-style:none;box-sizing:border-box;padding:0;margin:110px auto 70px 20px;float:left;text-align:center;background-color:rgba(255,255,255,0.50);border:8px double #f1f1f1;border-radius:100%;-webkit-border-radius:100%;overflow:hidden;box-shadow:0 11px 11px -11px #000;-webkit-box-shadow:0 11px 11px -11px #000;"><img src="https://adultwebdesignblog.files.wordpress.com/2017/01/43b13b9740fd2b03dcd452e3c9791313.png" style="display:block;width:100%;height:auto;margin:0 auto;border-radius:100%;-webkit-border-radius:100%;"/></li><li style="display:block;width:57%;height:auto;list-style:none;box-sizing:border-box;padding:20px 20px 20px;margin:60px auto 70px...