UserCSS:background-image
背景画像の設定研究。
body部の背景画像の設定は意図的に行わない。こっちの優先順位が高いので。 code:css
body {
/* 背景色 */
/* background-color: WhiteSmoke; */
/* 画像ファイル */
/* 画像ファイルは指定しない。（こっちの指定のほうが強い）
*/
/* background-image: url("");*/
/* 背景画像の繰り返し */
/*background-repeat: no-repeat;*/
/* 縦長の画面構成になるので、Y方向（縦方向）へ繰り返し
*/
background-repeat: repeat-y;
/* スクロールによる移動 */
/* background-attachment: fixed; */
/* スクロールあり
画面に収まりきらないサイズの画像を扱う場合
*/
background-attachment: scroll;
/* 表示開始位置 */
/*background-position: right top ;*/
background-position: center top ;
/* 背景画像の寸法 */
/*background-size: auto;*/
/*background-size: 98% auto;*/
background-size: 100% auto;
/* background-size: cover;*/
/* background-size: contain;*/
}
code:style.css
.page {
/* background-color: WhiteSmoke; */
/* 透明度の設定 */
opacity:0.8;
/*filter: grayscale(50%);*/
}
.page:hover {
/*background-color: white;*/
/* 不透明 */
opacity:1;
/*filter: none;*/
}
code:style.css
.page-list {
/* 透明度の設定 */
opacity:0.5;
/*filter: grayscale(50%);*/
}
.page-list:hover {
/* 不透明 */
opacity:1;
/*filter: none;*/
}
code:style.css
.related-page-list {
/* 透明度の設定 */
opacity:0.5;
/*filter: grayscale(50%);*/
}
.related-page-list:hover {
/* 不透明 */
opacity:1;
/*filter: none;*/
}
UserCSS.icon
https://img.shields.io/badge/UserCSS-background--image-1572B6.svg?logo=css3&style=for-the-badge
![https://i.gyazo.com/de07fbaab5c961dc7fd3720ba956bbd3.png");*/](https://i.gyazo.com/de07fbaab5c961dc7fd3720ba956bbd3.png");*/){kind=link}