Recaptcha V2圖像選擇彈出Iframe固定高度太小

我有一個在wordpress聯繫表格7插件上執行recaptcha V2代碼的問題。Recaptcha V2圖像選擇彈出Iframe固定高度太小

我能夠得到recaptcha「我不是機器人」複選框渲染就好，但是，當我檢查框中彈出包含選擇圖像的iframe呈現高度固定在225px。由於高度應爲580px（容器div的高度），因此會導致指令文本（選擇圖像）下面的所有內容被截斷。我可以直接用firefox編輯高度大小，內容顯示。

從我收集的內容來看，沒有辦法設計Iframe。有沒有人有這個問題或知道解決方案？

感謝您的輸入。

鏈接到住site

的ReCaptcha沒有實現，因爲它呈現的形式是不可用。它使用標準Google代碼實現：<div class="g-recaptcha" data-sitekey="6LeyXiwUAAAAAMcd-K5P1m5YQj1JJg7SWJ_QrxB-">。

來源

2017-08-11 James

請提供一些參考你的代碼（即鏈接到你的網站，或者至少截圖）。 – Ryan

問題用鏈接更新。 – James

如果我的理解正確，請告訴我們：在您網站的聯繫頁面上，您有一份聯繫表7電子郵件表單，您希望添加reCaptcha，但是爲您的網站注入iFrame的大小reCaptcha切斷它？另外，當你說你正在使用「標準代碼」時，你是指內置的Google reCaptcha集成，還是手動包含代碼？ – Ryan

問題是，代替嵌入式iFrame的高度爲100％，它被設置爲固定的高度。我不確定是什麼導致了這個問題（可能是JavaScript衝突，因爲它本身是iFrame上的嵌入式嵌入式樣式）。

你總是可以覆蓋造型在自己的CSS像這樣：

iframe[title="recaptcha challenge"] { 
    height: 100% !important; 
}

來源

2017-08-15 22:39:15 Ryan

是的！謝謝。我曾嘗試過，但沒有得到正確的CSS選擇器。 – James

在iframe上使用CSS屬性「zoom」。這將允許您統一縮放iframe中的內容，從而使其達到所需的高度。

來源

2017-08-14 19:43:19 Nosajimiki

與此問題是，該iframe不是stylable，因爲它是dowloaded谷歌代碼。問題出現在選中複選框後出現的彈出窗口，而不是最初的recaptcha框。 – James

好吧，所以這比recatcha有點棘手，但似乎是可行的。 rc-imageselect-table- 是包含iframe內部的重新匹配的表的類。所以，如果你能模式匹配，你應該能夠使用這樣的東西注入CSS：https：//stackoverflow.com/questions/35188324/inject-css-into-iframe-from-third-party – Nosajimiki

剛剛重新啓動，閱讀這個問題。我以爲你在試圖縮短盒子的長度，但是聽起來好像有什麼東西正在縮小盒子的尺寸，並且你想把它放在正確的高度？如果是這種情況，你只需要修復包含iframe的Div的高度。您可能有一個意外擊中它的自定義CSS規則。如果你澄清你的CSS規則，你可以消除這個錯誤。如果找不到規則，您可以使用更具體的規則或重要規則來替代它！重要！ – Nosajimiki

Recaptcha V2圖像選擇彈出Iframe固定高度太小

回答

相關問題