为什么 Dreamweaver cc16, Bootstrap v3.3.6, created, hyperlinked Button 在 Opera & Chrome 但在 IE 或 Firefox 中不起作用？

Question

为什么 Dreamweaver cc16, Bootstrap v3.3.6, created, hyperlinked Button set into a PHP 7 created html page, work in current Opera 和 Chrome 浏览器版本，但不是当前版本的 IE 或 Firefox 浏览器？

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

有问题的按钮有文本：=>

FREE: 11 Things To Know Before Going Off The Grid

按钮 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>`

相关的 bootstrap.css v3.3.6 是 link 常规使用：=>

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

这是一个关键的 CTA link，因此非常感谢您提供解决此问题的任何帮助。谢谢你。 /psb

ps：对于 Firefox，这似乎不是跟踪保护的问题。我把它关掉了，但没有任何区别。

在 Windows Pro 8.1、64 位 AMD 个人电脑和华硕 Windows 8.1 平板电脑和 Sony Vaio Win Pro 7 Centrino2 笔记本电脑上发现、测试和验证了问题。甚至可以在笔记本电脑上的 Safari 中使用！

Answer 1

问题在于我试图通过向其添加组件来错误地使用 bootstrap 创建的 Button。这不是该按钮的使用方式或工作方式。

问题也变得更加复杂，因为在 2 种浏览器（IE 和 Firefox）的情况下它无法正常工作，通过使用 Inspect 选项，我发现它们没有阅读 bootstrap.css 由于对我来说仍然是个谜的原因，其他浏览器读取 bootstrap.css 没有问题，但 Button 在这些浏览器中工作但在 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

为什么 Dreamweaver cc16, Bootstrap v3.3.6, created, hyperlinked Button 在 Opera & Chrome 但在 IE 或 Firefox 中不起作用？

Why does Dreamweaver cc16, Bootstrap v3.3.6, created, hyperlinked Button work in Opera & Chrome but not IE or Firefox?

html

css

dreamweaver

button