Border-radius на ie9 - работает локально, но не при развертывании - PullRequest
Новая
       41

Border-radius на ie9 - работает локально, но не при развертывании

5 голосов
/ 25 марта 2011

Как видно из заголовков, мой css отлично работает локально при использовании ie9, но при развертывании в IIS7 границы-границы и box-shadow не применяются, хотя отлично работает с ff4 и Chrome. 

.blabla
{
    -moz-border-radius:10px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px #000000;
    height: 101px;
    margin: 5px;
    width: 225px;
    cursor:pointer;
    background:url('./Content/images/background.png') scroll 0 0px no-repeat;
}

Я работаю с проектом MVC3, в котором уже есть <!DOCTYPE html>. Он изначально не работал локально при использовании border-radius: 10px 10px 10px 10px; Я изменил его, чтобы упомянуть только 10px один раз, и это сделало трюк (а также сделал коробкутень работает) но она все еще не работает при развертывании.Любые идеи?

Редактировать: я проверил в инструменте разработчиков IE, пограничный радиус есть локально, но не отображается при развертывании, что объясняет, почему он не работает ... вопрос в том, почему он не отображается?

РЕДАКТИРОВАТЬ 2: Я заметил кое-что еще ... Мой doctype правильно написан в моем коде: <!DOCTYPE html> отображается как отключенный в браузере: <!-- DOCTYPE html --> Все еще не могу понять, как это исправить.

EDIT3: я создал нормальное веб-приложение ASPX, та же проблема.Работает локально, но на IIS7 закомментирован тип документа ...

Ответы [ 4 ]

7 голосов
/ 20 апреля 2011

Я боролся с той же проблемой. Но я только что нашел свой ответ. Это был IE "Compatibly View".

Показать панель команд> Страница> Параметры просмотра в режиме совместимости.

Для моей конкретной проблемы это был установлен по умолчанию флажок «Отображать сайты интрасети в представлении для совместного использования».

6 голосов
/ 06 апреля 2011

Ваша страница, вероятно, запускает режим IE7 в IE9. На локальном компьютере вы вручную изменили настройки, чтобы использовать стандартный режим в IE9, но после развертывания вы снова видите страницу в режиме IE7 => без border-radius. Был там, сделал это.

Другой причиной может быть тип контента, который ваш сервер отправляет на страницу, см. http://hsivonen.iki.fi/doctype/

1 голос
/ 25 марта 2011

Эй, не уверен, почему это происходит, это не должно нормально.Вы пробовали такие простые вещи, как обновление без кэша?

В любом случае, вы должны использовать все префиксы вендора: 

.blabla {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 10px #000000;
    -webkit-box-shadow: 3px 3px 10px #000000;
    box-shadow: 3px 3px 10px #000000;
}
0 голосов
/ 22 мая 2014

Спасибо!Мета-тег работал для меня.Я должен был поместить это в раздел HeadContent на странице, хотя, размещение на главной странице не исправило это.Поскольку я не хочу беспокоиться о настройке режима совместимости на стороне клиента, принудительное его выполнение для меня работает лучше.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...