javascript - Bootstrap modal-添加一个嵌入PDF的对象标签

我目前正在尝试显示一个 bootstrap 模态，其中我想包括一个带有“object” html标记的PDF文件。问题是似乎什么也没显示。

我创建了一个jsFiddle(http://jsfiddle.net/mV6jJ/3/)。

因此，您将找到一个基本模态(单击按钮后在基本模态中从 bootstrap 获得的代码完全相同)，并且在模态主体中可以找到:

<object type="application/pdf" data="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500">this is not working as expected</object>

因此，当我单独添加此代码(而不是在 bootstrap 模式中)时，它会按预期工作。它在浏览器的默认pdf查看器中显示pdf。但是，当我尝试在bootstrap模式内实现pdf时，似乎什么也没有出现。

如果您有任何想法，它将对我有很大帮助，经过许多小时的搜索，我只看到了带有标签的解决方案(我不想使用)。

感谢你并致以真诚的问候

最佳答案

我发现 bootstrap 包含一个css属性，该属性会影响模态窗口中pdf的查看。

更改此:

.modal.in .modal-dialog {
  transform: translate(0px, 0px);
}

到:

.modal.in .modal-dialog {
  transform: none;
}

如果更改此属性，则一切正常。

您可以看到实际操作:

http://jsfiddle.net/mV6jJ/20/