Проблема с CSS и .load() jquery в IE
Есть ли известная проблема с IE (7 и 8), где функция jquery.load() не работает должным образом? Мой CSS не загружается на страницу. Вот мой код:
Это файл, который загружается (show_profile.php):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" script="text/css" href="profile.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="tabs"><div id="cd" class="tab_active">Contact Details</div>
</div>
</body>
</html>
Это код для profile.css
#tabs {
color:white;
font-family:Verdana;
font-size:14px;
}
#cd{
position:absolute;
left:0px;
top:0px;
background-color:#3172A6;
}
.tab {
position:absolute;
top:0px;
}
.tab_active {
position:absolute;
top:0px;
}
При просмотре файла show_profile.php независимо, все, включая CSS, в порядке, но просто wont работает, когда я использую .load()
Пожалуйста, помогите: (
Ответы
Ответ 1
css исходит из заголовка основного документа, а не того, что вы загружаете.
Вы можете использовать встроенный стиль на загружаемой странице с использованием load (0 или указать стиль в некотором CSS (или с помощью тегов стиля) в документе, который загружает его.
Ответ 2
Предоставленный ответ является правильным во всей полноте. Проблема заключается в том, что у вас есть страница (назовите ее A.php), которая загружает эту страницу (B.php), и таблица стилей, которую вы хотите, указана только в B.php. Это работает в других браузерах, потому что они немного более снисходительны к тому, что они позволяют в DOM. IE очень строг в отношении того, что он делает, и не делает этого. Ответ состоит в том, чтобы включить <link rel="stylesheet" script="text/css" href="profile.css" />
в A.php
Ответ 3
Элемент link
не имеет атрибута script
- он должен быть type="text/css"
.