本机论坛研究在注册页右侧添加一个广告位 [复制链接] [手机版]

9楼 发表于: 2022-01-27 11:10:45  点亮(0) 来自:本机地址

后台添加广告，也就是7楼里面的“<a href="index.php" target="blank"><img src="images/login/reg01.gif" width="188px" height="480px"/></a>”。注册页文件中这部分昨晚的测试代码换成了广告位调用代码。

期待激动人心时刻的到来，然而……图片正常显示了，但链接依然无效。

好吧，奇迹没出现。

其实，两种修改方式可以说是异曲同工（上面的测试代码从文件挪到了后台广告里）：（注册页register.htm）文件修改法，需要下载、修改、再上传覆盖；后台添加广告位法可以方便的修改广告代码，比如图片和链接或者文字加链接，还可以方便的开启和关闭。就方便性而言，还是后台添加广告位法更方便，修改后（注册页文件加广告位调用代码，数据表中添加广告位配置信息）可以说是一劳永逸。只是，我期待的奇迹没发生，也不知道是电脑的原因，还是论坛的原因？我觉得应该跟浏览器有关吧。

好了，测试下浏览器兼容性吧。

10楼 发表于: 2022-01-27 11:23:28  点亮(0) 来自:本机地址

IE浏览器两种模式测试图片链接正常。

11楼 发表于: 2022-01-27 11:36:31  点亮(0) 来自:本机地址

搜狗的高速模式、360安全和360极速的极速模式图片链接也是无效的，兼容模式都正常。看来，还是和浏览器有关，又是兼容性，算了吧。到此为止，研究结束，有网络了更新文件，就当是备用吧。

12楼 发表于: 2022-01-28 10:14:01  点亮(0) 来自:本机地址

突然想到，给链接加个title属性，会不会显示呢？

帖子复制完毕，家园论坛继续更新。

链接的目标属性target无效，title属性自然也不显示——无论是加在<a还是<img里（图片title）。

那么问题来了：既然注册页左侧的链接正常，单单右侧的无效，是不是文件代码有问题，也就是事实上并不是浏览器的兼容性问题？

模板文件浏览了一遍，似乎没什么可疑的地方，再看看php文件。

php文件也应该没问题，都是和注册有关的代码。那问题在哪儿，样式吗？不太可能啊。

基本确认问题就在样式上，和模板文件、php文件无关。只是，几个小时过去了，还没调试好（要测试浏览器兼容性）……

又几个小时过去了，还是没调好。

终于调试成功了，我太难了！
经360极速、360安全、搜狗、IE四种浏览器8种模式测试通过。

其实，最主要的修改就两处，一处是宽度调整，从auto调整为79%。这是最关键的地方，应该就是这个过于宽的宽度导致链接无效的，具体什么原因还不清楚。另外一处是外边距调整，这个很容易观察到，也容易修改。就是那一处宽度调整，一直没想到，但隐约有感觉，却并没往那个方向努力，步入歧途。往图片定位方向努力了好长时间，试图调整图片的position属性，经过无数次的测试，没能成功；

定义和用法
position 属性规定元素的定位类型。
说明
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

图片:position.gif

想过图片的堆叠顺序z-index（好像有点儿跟ps的图层排序类似），也没能成功。

定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
说明
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。