编辑 Sagepay 框架 CSS

Question

我目前在一些网站上使用 Sagepay inframe。

问题是 inframe 没有响应，考虑到它在 iframe 中，我想让它尽可能地响应。

有没有办法更改模板或使用我自己的 CSS 或 html 编辑模板？很久以前听说过，现在找不到了。

Answer 1

这是使其响应的代码：

HTML:

<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d7098.94326104394!2d78.0430654485247!3d27.172909818538997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1385710909804" width="500" height="450" frameborder="0" style="border:0"></iframe>
</div>

CSS:

.google-maps {
    position: relative;
    padding-bottom: 90%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

JSFIDDLE

Answer 2

与 Sagepay 交谈后，我发现我可以在此处下载自定义模板：http://www.sagepay.co.uk/support/find-an-integration-document/server-inframe-integration-documents 然后您可以将其发送到 Sagepay。

编辑 Sagepay 框架 CSS

Edit Sagepay inframe CSS

css

iframe

opayo