Проблема с цветом фона и Google Chrome
** Предупреждение: подход, описанный в этом ответе, применим только к очень конкретным сценариям и не является безопасным, поскольку атаки SQL-инъекции не только полагаются на возможность вставлять X=Y. **
Если злоумышленники пытаются взломать форму с помощью переменной PHP $_GET или с помощью строки запроса URL, вы сможете поймать их, если они не защищены.
RewriteCond %{QUERY_STRING} ([0-9]+)=([0-9]+)
RewriteRule ^(.*) ^/track.php
Поскольку 1=1, 2=2, 1=2, 2=1, 1+1=2 и т. д. ... являются распространенными вопросами к базе данных SQL злоумышленника. Возможно, он также используется многими хакерскими приложениями.
Но вы должны быть осторожны, чтобы не переписывать безопасный запрос с вашего сайта. Вышеупомянутый код дает вам возможность переписать или перенаправить (зависит от вас) эту динамическую строку запроса, зависящую от хакерства, на страницу, в которой будет храниться IP-адрес злоумышленника или EVEN THEIR COOKIES, история , браузера или любой другой конфиденциальной информации, поэтому вы можете иметь дело с ними позже, запретив их учетную запись или контактные органы.
20 ответов
Никогда не слышал о нем. Попробуйте:
html, body {
width: 100%;
height: 100%;
background-color: #000;
color: #fff;
font-family: ...;
}
ЕСЛИ Вы все еще испытываете затруднения, можно попытаться переключить 'вершину' для 'достижения низшей точки' в chromeFix выше, и также отделение, а не промежуток
<div id="chromeFix"></div>
стиль:
#chromeFix { display: block; position: absolute; width: 1px; height: 100%; bottom: 0px; left: 0px; }
Достаточно странно этого на самом деле не происходит на каждой странице, и это, кажется, всегда не работает, даже когда обновлено.
Мои решения должен был добавить {height: 100%;} также.
Все сказали, что Ваш код прекрасен, и Вы знаете, что он работает над другими браузерами без проблем. , Таким образом, пора отбросить науку и просто попробовать материал :)
Попытка, помещая цвет фона В сам тег основного текста вместо этого/а также в CSS. Возможно, настаивайте снова (redudantly) в JavaScript. В какой-то момент Chrome должен будет поместить фон, поскольку Вы хотите его каждый раз. Могла бы быть интерпретирующая синхронизацию проблема...
[Должен любая эта работа, конечно, можно переключить ее на серверной стороне, таким образом, забавный код только обнаруживается в Chrome. И через несколько месяцев, когда Chrome изменился и проблема исчезает... хорошо, беспокойство об этом позже.]
Я замечен эта проблема с Chrome также, если я помню правильно, если Вы минимизируете и затем максимизируете свое окно, это фиксирует его также?
действительно не использовали Chrome слишком много, так как он был выпущен, но это - определенно что-то, за что я возлагаю ответственность на Google как код, который я проверял, это был трудный воздух.
Я попробовал бы то, что Логан и 1mdm предложенный, tho настраивают CSS, но я действительно ожидал бы новой версии Chrome, чтобы выпустить исправленные ошибки, прежде, чем вырастить седые волосы.
, по моему скромному мнению, текущая версия Chrome является все еще альфа-версией и была выпущена так, чтобы это могло распространиться, в то время как это находится в разработке. У меня лично были проблемы с ширинами таблицы, мой код хорошо работал в КАЖДОМ браузере, но не мог заставить его работать в Chrome.
Я не уверен 100%, но попытка заменить селектор "HTML, тело":
html, body
{
background: black;
color: white;
font-family: Chaparral Pro, lucida grande, verdana, sans-serif;
}
Хорошо парни, я нашел решение . Это не является большим, но добивается цели без побочных эффектов.
HTML:
<span id="chromeFix"></span>
(помещает это ниже тегов основного текста)
CSS:
#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }
, Что это делает для решения проблемы:
Это вынуждает Chrome думать, что содержание страницы составляет 100%, когда это не - это останавливает тело, 'кажущееся' размером содержания, и разрешает недостающую фоновую ошибку. Это в основном делает то, что height: 100% делает, когда относится тело или HTML, но Вы не получаете побочный эффект отключения Вашего образования, когда прокрутка (прошлая 100%-я высота страницы) как Вы делает с 100% высотой на тех элементах.
я могу спать теперь =]
HTML и рост 100% не работают в более старых версиях IE.
Вы должны переместить свойства фона от элемента body к элементу html.
Это исправит это.
Использована моя таблица каскадных стилей:
body {background-color: #FAF0E6; font-family: arial, sans-serif }
Она работала в Internet Explorer, но не работала в Firefox и Chrome. Я изменил его на:
body {background: #FAF0E6; font-family: arial, sans-serif }
(т.е. я удалил -color .)
Он работает во всех трех браузерах. (Мне пришлось перезапустить Chrome.)
Google Chrome и Safari нуждаются в настройке для устранения проблем с телом и фоном. Мы использовали дополнительный идентификатор, как указано ниже.
<style>
body { background:#204960 url(../images/example.gif) repeat-x top; margin:0; padding:0; font-family:Tahoma; font-size:12px; }
#body{ background:#204960 url(../images/example.gif) repeat-x top; margin:0; padding:0; font-family:Tahoma; font-size:12px;}
</style>
<body id="body">
Используйте идентификатор body и #body и введите одинаковые стили в оба. Сделайте тег body с атрибутом id body.
У меня работает.
Когда вы создаете стиль CSS с помощью Dreamweaver для веб-дизайна, Dreamweaver добавляет код по умолчанию, например
@charset «utf-8 ″;Попробуйте удалить это из вашей таблицы стилей, фоновое изображение или цвет должны отображаться правильно
Это должна быть проблема WebKit , поскольку она есть как в Safari 4, так и в Chrome.
body, html {
width: 100%;
height: 100%;
}
Сработало для меня :)
У меня была такая же проблема на нескольких сайтах, и я исправил ее, переместив стиль фона с body на html (который, я полагаю, является разновидностью body {} в html, body {} техника уже упоминалась, но показывает, что вы можете обойтись стилем только в html), например
body {
background-color:#000000;
background-image:url('images/bg.png');
background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
color:#cccccc;
}
становится
html {
background-color:#000000;
background-image:url('images/bg.png');
background-repeat:repeat-x;
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
color:#cccccc;
}
Это работало в IE6-8, Chrome 4-5, Safari 4, Opera 10 и Firefox 3.x без явных неприятных побочных эффектов.
Решение Адама chromeFix с модификацией Пола Александера чистого CSS решило проблему в Chrome , но не в Safari . Пара дополнительных настроек также решила проблему в Safari: width: 100% и z-index: -1 (или другое подходящее отрицательное значение, которое ставит этот элемент позади всех остальных элементы на странице).
CSS:
body:after {display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:-1; content: "";}
Я уверен, что это ошибка в Chrome. Скорее всего, это происходит, если вы изменяете размер браузера на полноэкранный, а затем переключаете вкладки. А иногда, если вы просто переключаете вкладки/открываете новую. Приятно слышать, что вы нашли "исправление".
Простое, правильное решение - определяйте фоновое изображение и цвет в html, а не в теле. Если вы не определили конкретную высоту (не в процентах) в теле, предполагается, что его высота равна высоте, необходимой для размещения всего содержимого. поэтому стиль вашего фона должен перейти в HTML, который представляет собой весь HTML-документ, а не только его тело. Простые.
У меня было одно и то же в браузерах Chrome и Safari, также известных как Webkit. Я подозреваю, что это не ошибка, а неправильное использование css, которое «ломает» фон.
В приведенном выше вопросе для свойства фона тела установлено значение:
background: black;
Что хорошо, но не совсем правильно. Фонового изображения нет, поэтому...
background-color: black;