2016-07-15 2 views
-2

У меня есть веб-страница, на которой я уже немного работал. Я добавил некоторые всплывающие веб-формы, которые я реализовал из «генератора кода», а затем я попытался установить цвет фона, когда я закончил свою основную страницу.включая javascript файлы ломает мой цвет фона

<style>body {background-color: yellow !important;}</style> 

Для жизни меня я не мог получить фон, чтобы показать, пока я не удалил эти три строки кода из головы. Очевидно, что он избавляется от функциональности всплывающих окон и отображает их как постоянные объекты на странице, но фон, наконец, появляется. Кажется, я не могу найти информацию о том, почему это произойдет.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

Они просто кажется, что вы назвали бы включать файлы в веб-разработки (жаль, что я пришел из переменного фона и веб-разработки немного над моей головой.)

EDIT: ВСЕ РЕКОМЕНДУЕМЫЙ КЛАСТЬ МОЙ СТИЛЬ SCRIPT ПОД ВКЛЮЧЕНИЕМ ФАЙЛОВ. Вот как это было. Извините за то, что вы не отправили пример.

<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

    <link rel="stylesheet" type="text/css" href="gauge.css" /> 
    <link rel=”stylesheet” type="text/css" href="common.css" /> 

    <style>body {background-color: yellow;}</style> 

//PHP STUFF 
//JAVASCRIPT STUFF 
</head> 

<body> 
    //TABLES AND BUTTONS FOR POP UP FORMS 
</body> 
//PHP STUFF 

EDIT FYI тело {цвет фона: желтый важно;} не работает. Желтый bg просматривается на 1/4 секунды, затем вытирается до белого.

+0

Файлы jquery предназначены для создания мобильной стилизованной среды http://demos.jquerymobile.com/1.2.1/docs/pages/page-anatomy.html ... Если вам это не нужно, удалите ее , – Daniel

+0

Кажется, мне нужны мои всплывающие формы, как я уже говорил. Плюс моя целевая платформа будет мобильной, поэтому мне нужно попытаться разобраться с этими файлами. –

+0

Это очень неопределенное сообщение. Я хочу знать, какая строка # помещается в тег стиля и какая строка содержит 3 импорта. Возможно, что таблица стилей jquery css переопределяет цвет фона, поскольку она была объявлена ​​в документе HTML * после того, как вы объявили тег стиля. Просто убедитесь, что ваш тег стиля написан после импорта всех таблиц стилей, потому что если вы установите «background-color: yellow» в строке 10, а затем импортируете таблицу стилей в строке 11 или выше, которая, возможно, добавит цвет фона фона в красный, конечный результат будет красным. – btrballin

ответ

0

попробовать написать стиль CSS после 3-х линий может работать

+0

спасибо за ответ, но именно там они и были расположены. Я даже попробовал безрезультатно. –

+0

только файл css влияет на стиль, а не на файлы js. попробуйте удалить только это и оставить двух других –

+0

Так что вынимая JUST, что линия стилей работала ..... но это сломало мою всплывающую функциональность. Устанавливает их как постоянные объекты на странице. Спасибо за попытку снова :) –

0

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> ссылки на таблицу стилей. Коэффициенты хороши, что они переписывают то, что вы вкладываете. Поместите свой код после вашей ссылки на эту таблицу стилей, и это должно работы. Однако это все равно не может. Это зависит от стиля.

+0

Если вы имели в виду, поместите код фона после ссылки на таблицу стилей, где он находится. Я обычно добавляю больше всего после ссылок на эти типы файлов. –

+0

Затем таблица стилей отменяет стиль, который вы хотите использовать. Это обычно происходит из-за специфики. Вы можете попробовать использовать '! Important'. –

+0

hmmm. Спасибо за совет! Я пойду исследовать это. –

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