Свойство CSS3 Border Radius не работает в localhost? - PullRequest
Новая
       1

Свойство CSS3 Border Radius не работает в localhost?

2 голосов
/ 14 января 2011

У меня очень странная проблема со свойством радиуса границы css3.Мои следующие CSS и html отлично работают с IE9, если я дважды щелкаю по файлу и открываю с IE9, однако, если свойство границы не работает в IE, если я открываю файл через LOCALHOST (xampp, установленный на windows 7).Этот же файл отлично работает на локальном хосте с другими браузерами.Как я могу это исправить?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style media="all" type="text/css">@import "circle.css";</style>
</head>
<body>
<div class="exampleborderradiusf">F</div>
</body>
</html>

и CSS: 

.exampleborderradiusf {
    float:left;
    background-color: #464646;
    margin-top: 20px;
    margin-right: 40px;
    width: 70px;
    height: 70px;
    text-align: center;    
    -moz-border-radius: 35px;
    border-radius: 35px;
    color: white;
    font-size: 20px;
    position: relative;
    top: 20px;
}

Спасибо за помощь.

Ответы [ 5 ]

3 голосов
/ 14 января 2011

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

Я не могу придумать слишком много причин, по которым стиль CSS перестает работать, в то время как другие в том же файле CSS продолжают работать.

Вы проверили, что IE все еще находится в режиме IE9, а не в режиме IE8-compat или что-то в этом роде. Я вижу, что такого рода вещи могут меняться в зависимости от зоны - я видел подобные вещи, происходящие в IE8, где есть неясные настройки конфигурации, которые могут переключать его в режим IE7-compat при просмотре в локальной интрасети.

3 голосов
/ 14 января 2011

Предоставляет ли ваш локальный сервер таблицу стилей с правильным типом MIME (text/css)?

1 голос
/ 15 января 2011

ackkk - я только что обнаружил ту же странность - точно такая же страница, полученная с моего общедоступного сервера, отрисовывается нормально - с localhost - без border-radius

, а затем нажмите F12 на своей странице, и вы можете обнаружить, что по какой-то расстроенной причине ваш файл localhost отображается в режиме IE7 так что я воткнул это на мою страницу: 

meta http-equiv="X-UA-Compatible" content="IE=9000"

это сработало нужно исследовать еще немного, но я думаю, что вы можете обезьяна с IIS, чтобы получить этот автоматизированный эта глупая проблема была не лучшим способом провести ночь пятницы

0 голосов
/ 14 января 2011

Это просто мысль, но не должно быть: 

<style media="all" type="text/css">@import "circle.css";</style>

, вместо этого: 

<style media="all" type="text/css">@import url("circle.css");</style>

Конечно, это не будет (или, по крайней мере, не должен ) объяснять, почему таблица стилей не загружается локально;и если загружаются / применяются некоторые стили, кроме border-radius, то этот ответ все равно не применим.

0 голосов
/ 14 января 2011

просто идея (но я никогда не слышал о такой проблеме): не могли бы вы попробовать сослаться на ваш css-файл так: 

<link rel="stylesheet" type="text/css" href="circle.css" />

вместо 

<style media="all" type="text/css">@import "circle.css";</style>

РЕДАКТИРОВАТЬ: правильно ли применяются другие правила стиля? если это так, пожалуйста, просто проигнорируйте мою идею ... это для "вся таблица стилей не загружена" - вы не предоставили точную информацию об этом.

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

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

...