2017年2月16日：测试打赏楼主功能 [复制链接] [手机版]

又一年了。主帖发表时还是莘祺网，过后没多久论坛就关闭了，前年重开。

图片:562.gif

现在的微信二维码显示是这样的，图像的上边框都看不到，而且看不到关闭按钮（小X号），这个就有点麻烦了。研究了两三天，修改样式没搞定。今天继续，终于解决。原来是定位（position属性）原因。没办法，php和css都不懂，只能慢慢研究。

这个打赏功能没有自己单独的样式文件，其实也没几行，是直接加在阅读页文件（read.htm）里的。

.shang_box的样式里有个“position:fixed;”经查，fixed的意思是生成固定定位的元素，相对于浏览器窗口进行定位。所以难怪，我们看到的图片是固定，紧贴浏览器的，而且看不到关闭按钮。原来问题在这里。
http://www.vtu425.com/read-htm-tid-4560.html

现改为relative，也就是“生成相对定位的元素，相对于其正常位置进行定位。”然后，略微调整下图片的定位就可以了：.shang_payimg的外上边距加上30px，同样的.shang_box的高度也由原来的290px变成320px。这样，图片显示更居中些。

另外，“margin-top:-280px;”也有影响，主要是“如果你觉得楼主写得不错，可以扫码打赏，你说多少就多少！（再次点击关闭） 提交你的微信二维码”提示框和主楼广播台之间在显示二维码图片的时候会有空隙，显得不美观。经测试，改为-342px基本消除（图片展示与关闭前后看不到变化）。就这样吧，目前测试结果还可以。

好了，关机，又要准备去上班了。