II.〆石Zi° 发表于 2019-10-4 13:24:01

大背景满铺代码，并随浏览器窗口缩放

本帖最后由 II.〆石Zi° 于 2019-10-4 13:42 编辑 <br /><br /><style type="text/css">

body{
background:url('http://www.ii23.cn/data/attachment/forum/201910/03/132427r2r29j2x6gxg06wd.png');
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
background-attachment: fixed;}

</style>

准备一张大图，分辨率比通常的显示器分辨率略扁，也就是说，高度少一点，因为浏览器上部的菜单要占去显示界面的一部份高度。
<br>这个代码中含有固定位置代码，即背景不随帖子滚动轴移动。
<br>显示效果见本帖背景。<br>
<style type="text/css">

body{
background:url('http://www.ii23.cn/data/attachment/forum/201910/03/132427r2r29j2x6gxg06wd.png');
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
background-attachment: fixed;}

</style>


<br>当然你也可以加入一些隐藏代码，把论坛导航条等元素去除。帖子显得更干净。
<br>比如下面的帖子：
<br><br>

【花雨-金钰儿】孤影凭栏谁在苦苦的思量，一廊花雨落在谁的手上 - ※- 天籁之音 - ii23休闲社区<br>
http://www.ii23.cn/thread-575515-1-1.html








陌花雨 发表于 2019-10-4 14:10:39

那个帖子做的漂亮，我喜欢。

輪茴、誰等誰 发表于 2019-10-4 15:03:08

感谢分享，偷走了{:2_256:} 每一个帖子都是精品

栀夏° 发表于 2019-10-4 16:43:27

谢谢分享啊，代码收走了

↗其〆樂ぐ 发表于 2019-10-4 16:56:17

把这个代码放进帖子里面非常好看 感谢分享 我也偷走了

片片枫叶情 发表于 2019-10-5 14:40:17

用的少，活动时候用一下。

雪千寻 发表于 2019-11-5 13:33:14

还好手机可以回复。有时帖子里的动画手机版无法回复。。。
页: [1]
查看完整版本: 大背景满铺代码，并随浏览器窗口缩放