"Şablon:Overlayimg/styles.css" sayfasının sürümleri arasındaki fark
Gezinti kısmına atla
Arama kısmına atla
Margotbean (mesaj | katkılar) |
Margotbean (mesaj | katkılar) |
||
10. satır: | 10. satır: | ||
/* Must account for td's padding if in a table cell */ | /* Must account for td's padding if in a table cell */ | ||
/* Could set top to 0, but then 48x96 images display wrong */ | /* Could set top to 0, but then 48x96 images display wrong */ | ||
− | .foreimage {position: absolute; bottom: 0; left: 0; max-width: 48px;} | + | .foreimage {position: absolute; bottom: 0; left: 0; background-color: rgba(255,255,0,0.5); max-width: 48px;} |
.foreimage img {display: block; max-width: 48px;} | .foreimage img {display: block; max-width: 48px;} |
20.38, 3 Şubat 2023 tarihindeki hâli
/* Missing width & height */
.parent {position: relative; top: 0; left: 0; max-width: 48px;}
/* .parent img {margin: 0 auto;} */
.backimage {position: relative; top: 0; left: 0; max-width: 48px; background-color: rgba(0,255,0,0.5);}
.backimagetransparent {position: relative; top: 0; left: 0; max-width: 48px; background-color: rgba(0,255,0,0.3);}
.backimage img {display: block; max-width: 48px;}
.backimagetransparent img {display: block; opacity: 0.6; max-width: 48px;}
/* Must account for td's padding if in a table cell */
/* Could set top to 0, but then 48x96 images display wrong */
.foreimage {position: absolute; bottom: 0; left: 0; background-color: rgba(255,255,0,0.5); max-width: 48px;}
.foreimage img {display: block; max-width: 48px;}