Этот iframe отказывается быть прозрачным

Question

Этот iframe отказывается быть прозрачным

0

У меня есть этот iframe, который не будет прозрачным для жизни меня. Я сделал iframe прозрачным, а также дал телу iframe фоновый цвет: прозрачный;

<iframe src="about:blank" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');" allowtransparency="true"></iframe>
</div>

Это в iframe

html, body {
    background-color:transparent;
}

Так что я очень зациклен на том, почему это не сработает! Я читал, что iframe не может быть оформлен снаружи, поэтому мне нужно изменить стиль где-то в iframe правильно? Но идем, что это может быть. Каковы способы сделать фон прозрачным? Я также попробовал его с фоновым цветом: нет прозрачного; и фон: нет прозрачного; но ничего не работает. Также попытался дать ему фильтр: alpha (opacity = 0) и opacity: 0; до сих пор не повезло. У кого-нибудь есть идеи?

Вы можете посмотреть мою проблему здесь:

kitchenova.com/mobile

Выполнить поиск позволяет говорить о вине. Нажмите на любое из результатов изображения, и вы увидите мою проблему. Я хочу избавиться от этого белого фона на iframe.

Mr.Vegas 06 янв. 2014, в 22:58

Источник

1

Вы пробовали фон: прозрачный, а не просто цвет фона?
Will 06 янв. 2014, в 21:14
0

Да, я упомянул это в своем вопросе. @Будет
Mr.Vegas 06 янв. 2014, в 21:16
0

Это белый край твоего стола?
epascarello 06 янв. 2014, в 21:24
0

Попробуйте удалить или переопределить фон, заданный для .ui-body-d, .ui-overlay-d в mobile.css line #85 . Вы могли бы также хотеть удалить box-shadow .
showdev 06 янв. 2014, в 21:25
0

@epascarello это не таблица, я удалил таблицу, и она все еще не позволяла iframe быть прозрачным.
Mr.Vegas 06 янв. 2014, в 21:26
0

Обошел дерево и обнаружил, что это .ui-body-d,.ui-overlay-d с изображением белого цвета bg [что и сказал @showdev!
epascarello 06 янв. 2014, в 21:33
0

Это сделаю это! Большое спасибо @showdev, не знаю, как я не пытался это сделать. Ты обалденный!!!! Можете ли вы опубликовать это как ответ, чтобы я мог дать вам кредит на решение.
Mr.Vegas 06 янв. 2014, в 21:38

Показать ещё 5 комментариев

Теги:

javascript

jquery

css

iframe

transparency

1 ответ

Ещё вопросы

Вы пробовали фон: прозрачный, а не просто цвет фона?
Да, я упомянул это в своем вопросе. @Будет
Попробуйте удалить или переопределить фон, заданный для .ui-body-d, .ui-overlay-d в mobile.css line #85 . Вы могли бы также хотеть удалить box-shadow .
@epascarello это не таблица, я удалил таблицу, и она все еще не позволяла iframe быть прозрачным.
Обошел дерево и обнаружил, что это .ui-body-d,.ui-overlay-d с изображением белого цвета bg [что и сказал @showdev!
Это сделаю это! Большое спасибо @showdev, не знаю, как я не пытался это сделать. Ты обалденный!!!! Можете ли вы опубликовать это как ответ, чтобы я мог дать вам кредит на решение.

showdev · Accepted Answer · 2014-01-06T19-49-00.000Z

В mobile.css в строке 85 я вижу следующее:

.ui-body-d, .ui-overlay-d {
    background: linear-gradient(#FFFFFF, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}

Удаление фона из этого определения сделало всплывающий фон прозрачным.

Возможно, вы захотите добавить цвет фона к внутренним элементам таблицы, чтобы фактическая область содержимого была непрозрачной.

Вы также можете удалить или переопределить box-shadow поскольку тень появляется квадратной (не округлые углы):

.ui-overlay-shadow {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}