IE7 странное фоновое поведение - PullRequest
Новая
       1

IE7 странное фоновое поведение

2 голосов
/ 13 декабря 2010

У меня есть две метки с одинаковым классом.Это мой CSS этого класса: 

.required
{
    background-image:url(/img/required.png);
    background-position: right;
    background-repeat:no-repeat;
    padding-right:10px;
}

Во всех браузерах два элемента имеют красную звезду в правом верхнем углу.Но в IE 7 только первый элемент имеет эту звезду.Что я делаю не так?Пожалуйста, помогите мне.

Ответы [ 2 ]

1 голос
/ 13 декабря 2010

@Alexander.Plutov: Используя required.png, который я заимствовал для упражнения, следующий пример кода работает нормально (я просто сжал ваши правила CSSсокращенная версия): 

<!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">
<head>
<title></title>

<style type="text/css">
.required
{
    background: url(img/required.png) no-repeat right top;
    padding-right: 15px;
}
</style>
</head>

<body>

<form action="4430474.htm" method="post">
    <div>
        <label for="field1" class="required">Field 1:</label>
        <input type="text" name="field1" id="field1" size="40" />
    </div>
    <div>
        <label for="field2" class="required">Field 2:</label>
        <input type="text" name="field2" id="field2" size="40" />
    </div>
</form>

</body>
</html>

Возможно, вы используете какие-либо правила float или position для чего-либо в вашей форме?Это обычно вещи, которые плохо себя ведут в IE6 / 7.

1 голос
/ 13 декабря 2010

Не уверен, что это что-то изменит, но вы пробовали 

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

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

...