Прокрутка iframe внутри div с закругленными углами оставляет след закругленных углов - PullRequest
0 голосов
/ 13 февраля 2012

У меня есть основная HTML-страница, на которой я создал DIV с закругленным верхним левым углом CSS. Это выглядит хорошо и, как и ожидалось. Внутри DIV находится iframe, который я использую для отображения дополнительных страниц. Это тоже работает нормально и, как и ожидалось. Моя проблема заключается в том, что когда я прокручиваю страницу вниз в iframe, а затем прокручиваю назад вверх, div / iframe показывает «хвосты», или остатки закругленного угла по сторонам. Я попытался создать DIV на отдельной странице с фоновым цветом сразу после тега body этой страницы; без изменений. Я вижу эту проблему как в IE9, так и в Chrome. Может кто-нибудь объяснить мне, почему это происходит, или лучше - что мне нужно сделать, чтобы это не отображалось? Или направить меня на сайт, который освещает это? Очень ценится.

CSS:

#contentDIV{position:fixed;top:3.8em;left:13.5em;right:0;bottom:0;overflow:auto;-moz-border-radius-topleft:.8em;border-top-left-radius:.8em;}
#contentFRAME{width:100%;height:99%;top:0;overflow:auto;border-width:0;}

1 Ответ

0 голосов
/ 13 февраля 2012

1.) Лучше всего создать минимальный автономный контрольный пример.Возьмите код, который у вас есть, скопируйте его и начните удалять, сохранять, перезагружать и повторять.Если проблема решается без каких-либо последствий, вы узнали, как устранить ее, в противном случае см. Шаг 2. Я не уверен в размещении URL-адресов, вы можете попробовать, и я не увидел ничего в FAQ за или против.

2.) Если вы можете сами решить, как решить проблему, не вызывая проблемы, тем не менее, часто вам приходится использовать код определенным образом.Идите дальше и опубликуйте минимальный тестовый сценарий, чтобы другие могли воссоздать проблему.

3.) Одна вещь, которую вы можете сделать, - это использовать инструменты веб-разработчика для удаления правил CSS (например, Firebug for Firefox) и посмотреть, является ли проблемаразрешается путем отключения определенных правил.Включите правило, если отключение этого правила не решит проблему.Проблемы почти всегда вызваны комбинацией двух или более наборов кода / условий.

Также нет «тега body», вы ссылаетесь на элемент body.Крайне желательно использовать правильную терминологию по двум причинам: во-первых, вы выглядите профессионально, а во-вторых, вы значительно увеличиваете вероятность того, что кто-то поймет, о чем вы говорите.Термин тег применяется только в 0,1% случаев, когда он используется, он на самом деле относится к отдельным тегам, а не к самому элементу.Примером правильного использования термина «тег» может быть: «В XHTML есть ли у мета-элемента закрывающий тег ( ) или это самозакрывающийся элемент ()?

...