Код CSS не работает

Я использовал CSS3 Toolkit для генерации кода, но когда я вставляю его в свой редактор, он не возвращает форму, на самом деле он ничего не возвращает на экране. Может, кто-то заметил, где я ошибся, пожалуйста. Это не имеет никакого отношения к тому, как связан файл css, потому что он работает для моего другого кода css. Именно этот код, который я создал с помощью набора инструментов CSS3, который я купил из App Store, не работает.Код CSS не работает

HTML:

<!DOCTYPE HTML> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="indexcss.css"> 
     <script type="text/javascript" href="dist/js/bootstrap.js"></script> 
    </head> 
    <body> 
     <div class="ToolKitStyle"></div> 
    </body> 
</html>

CSS:

.ToolKitStyle{ 
    background-color: #2EC0FE; 
    -moz-border-radius: 34px; 
    -webkit-border-radius: 34px; 
    border-radius: 34px; 
    -moz-box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    -webkit-box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    background-image: -o-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -moz-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -webkit-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -ms-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
}

источник

2013-08-29 Umz15

Вам нужно добавить ширину и высоту в вашем CSS

.ToolKitStyle{ 
    background-color: #2EC0FE; 
    -moz-border-radius: 34px; 
    -webkit-border-radius: 34px; 
    border-radius: 34px; 
    -moz-box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    -webkit-box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    background-image: -o-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -moz-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -webkit-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -ms-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    width:100px; 
    height:100px; 
}

источник

2013-08-29 19:04:17 Tib

Спасибо, Его странно, почему это не помещали ширину и высоту в код. Это сработало. :] – Umz15

Ваш JS не связан правильно. Используйте src не href

<script type="text/javascript" src="dist/js/bootstrap.js"></script>

Что касается вашего CSS вопрос -

У вас нет никакого содержания, поэтому вы Css не появляется на работе.

Вот это с высоты, ширина определяется

DEMO http://jsfiddle.net/kevinPHPkevin/73t6R/

источник

2013-08-29 19:05:14 Vector

Лицо, которое downvoted - Пожалуйста, объясните, если вы дадите отрицательный ответ, по крайней мере, порядочный комментарий – Vector

спасибо за сообщение, но это не проблема. Он работает с href независимо, у меня не было ширины и высоты – Umz15

Вам нужно либо поставить что-то внутри или установить ширина/высота: http://jsfiddle.net/2qyEP/

.ToolKitStyle{ 
    width: 200px; 
    height: 200px; 
    background-color: #2EC0FE; 
    -moz-border-radius: 34px; 
    -webkit-border-radius: 34px; 
    border-radius: 34px; 
    -moz-box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    -webkit-box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    box-shadow:inset 0px 4px 9px rgba(0,0,0,1); 
    background-image: -o-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -moz-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -webkit-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: -ms-linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
    background-image: linear-gradient(90deg , rgb(0,4,5) 0%, rgb(246,107,255) 100%); 
}

источник

2013-08-29 19:06:55 OneOfOne

Код CSS не работает

ответ

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