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-backgroundcss

background-size: cover;html

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%;web

.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.jsurl

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();
相關文章
相關標籤/搜索