为什么 Dreamweaver cc16、Bootstrap v3.3.6 创建超链接的按钮在 Opera 和 Chrome 中有效,但不能在 IE 或 Firefox 中使用?



为什么 Dreamweaver cc16、Bootstrap v3.3.6 创建、超链接的按钮集到 PHP 7 创建的 html 页面中,在当前版本的 Opera 和 Chrome 浏览器中工作,但在当前版本的 IE 或 Firefox 浏览器中不起作用?

有问题的页面是:https://howtoliveoffthegridnow.com/index.php

有问题的按钮具有文本:=>

免费:脱离电网前要知道的 11 件事

按钮 html 代码为: =>

`<div align="center" style="font-size: 1.5em">
<button type="button" class="btn btn-lg">
<a href="https://howtoliveoffthegridnow.com/wordpress/get-your-own-off-the-grid-checklist/" title="Access option to download checklist"><strong>FREE: 11 Things To Know Before Going Off The Grid</strong></a>
</button>
</div>`

相关的引导程序.css v3.3.6 通常使用:=>

`<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" />`

这是一个关键的CTA链接,因此将非常感谢解决此问题的任何帮助。谢谢。/PSB

ps:在Firefox的情况下,这似乎不是跟踪保护的问题。我关闭了它,但没有区别。

在 Windows Pro 8.1、64 位 AMD PC 以及华硕 Windows 8.1 平板电脑和索尼 Vaio Win Pro 7 迅驰 2 笔记本电脑上发现、测试和验证问题。甚至可以在笔记本电脑上的 Safari 中工作!

问题在于我试图通过向其添加组件来错误地使用创建的引导程序按钮。这不是这个按钮应该如何使用或工作的方式。

问题也变得更加复杂,因为在 2 个浏览器的情况下它不起作用 - IE 和 Firefox - 通过使用检查选项,我发现他们没有读取引导程序.css原因对我来说仍然是一个谜,其他浏览器读取引导程序没有问题.css但按钮在这些浏览器中工作但在 IE 或 Firefox 中不起作用的事实无法轻易解释。从技术上讲,我合并和编码此按钮的方式,它不应该在任何浏览器中工作。

解决方案是使用不同的选项来显示一种功能按钮的形式。根据我从AWeber支持团队那里得到的出色指导,我按照他们的建议更改了我的代码,现在它可以在所有浏览器和所有不同的测试平台上运行。

这是解决方案:

`<div class="btn btn-lg" style="background-color:#ffffff;">
<a href="https://howtoliveoffthegridnow.com/wordpress/get-your-own-off-the-grid-checklist/" title="Access option to download checklist"><strong>FREE: 11 Things To Know Before Going Off The Grid</strong></a>

'

该问题现已关闭。/psb

相关内容

最新更新