UserCSS:background-image
背景画像の設定研究。
cssbody {
/* 背景色 */
/* background-color: WhiteSmoke; */
/* 画像ファイル */
/* 画像ファイルは指定しない。（こっちの指定のほうが強い）
*/
/*background-image: url("https://i.gyazo.com/de07fbaab5c961dc7fd3720ba956bbd3.png");*/
/* 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;*/
}style.css.page {
/* background-color: WhiteSmoke; */
/* 透明度の設定 */
opacity:0.8;
/*filter: grayscale(50%);*/
}
.page:hover {
/*background-color: white;*/
/* 不透明 */
opacity:1;
/*filter: none;*/
}style.css .page-list {
/* 透明度の設定 */
opacity:0.5;
/*filter: grayscale(50%);*/
}
.page-list:hover {
/* 不透明 */
opacity:1;
/*filter: none;*/
}
style.css .related-page-list {
/* 透明度の設定 */
opacity:0.5;
/*filter: grayscale(50%);*/
}
.related-page-list:hover {
/* 不透明 */
opacity:1;
/*filter: none;*/
}
