внешний css работает частично

В моем коде класс «слайды» работает через внешнюю ссылку css, но заголовок класса работает только с встроенным css.внешний css работает частично

HTML

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>My Site</title> 
<link rel="stylesheet" href="style.css" type="text/css"> 
</head> 
<body> 
<div class="slides"> 
<div class="header" style="width:100%; background-color:#630;"><img src="gz1.gif"> 
</div> 
</div> 
</body> 
</html>

style.css

head,body{background-color:#CCC; margin:0; padding:0;;} 

.slides{ 
    overflow:hidden; 
    background:-moz-linear-gradient(bottom,red,white); 
    background:-ms-linear-gradient(bottom,red,white); 
    background:-o-linear-gradient(bottom,red,white); 
    background:-webkit-linear-gradient(bottom,red,white); 
    background:linear-gradient(bottom,red,white); 
} 

.header{position:fixed;}

Я хочу работать класса "заголовок" код из внешней ссылки вместо встроенного кода ...

источник

2015-02-21 Pawan

-1

Чтобы избежать инлайн css в вашем коде, обновите свой html и css, как показано ниже:

Здесь мы удалим встроенный стиль из заголовка DIV ..

<div class="header"><img src="gz1.gif"></div>

И мы добавим встроенный стиль заголовка DIV в style.css, как так ...

head,body{ 
background-color:#CCC; 
margin:0; 
padding:0; 
} 
.slides{ 
overflow:hidden; 
background:-moz-linear-gradient(bottom,red,white); 
background:-ms-linear-gradient(bottom,red,white); 
background:-o-linear-gradient(bottom,red,white); 
background:-webkit-linear-gradient(bottom,red,white); 
background:linear-gradient(bottom,red,white); 
} 
.header{ 
position:fixed; 
width:100%; 
background-color:#630; 
}

источник

2015-02-21 16:45:57

я попробовал это раньше но так, но при добавлении этого в ** style.css ** он не работает. Он работает только на inline @Binita – Pawan

. Ваш style.css имеет два полуколона в конце head, body {background-color: #CCC; Маржа: 0; padding: 0 ;;} ... удалите и проверьте его ... head, body {background-color: #CCC; Маржа: 0; padding: 0;} –

Ссылка на скрипт: http://jsfiddle.net/vzvctpLq/2/ –

внешний css работает частично

ответ

Смежные вопросы