css & background-image & full page width & background-size

css & background-image & full page width & background-size

https://css-tricks.com/perfect-full-page-background-image/
https://stackoverflow.com/questions/12085881/css-100-width-and-background

background-size: cover;

html { 
    background: url("https://cdn.xgqfrms.xyz/logo/icon.png") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

background-size: 100%;

.divWithBgImage {
    width: 100%;
    height: 600px;
    background-image: url("https://cdn.xgqfrms.xyz/logo/icon.png");
    background-repeat: no-repeat;
    background-size: 100%;
    /* propotional resize */
}

https://cdn.xgqfrms.xyz/plugins/getfullyear.js

const copyRightYear = () => {
   let copyYear = Symbol();
   copyYear = new Date().getFullYear();
   const spanYear = document.getElementById('spanYear');
   spanYear.style.background="yellow";
   spanYear.style.color="#000";
   spanYear.innerHTML=`Copyright © ${copyYear} - 2050 xgqfrms`;
   return spanYear;
};

window.onload = copyRightYear();

background & radius border

background color & view bug

https://codepen.io/xgqfrms/full/JQeqXQ

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---