Форум Сайтостроение Веб-строительство

Как отменить наследование CSS стилей радетельских элементов?

W
На сайте с 14.11.2012
Offline
41
widgin
1839

Есть popup окно, которое размещается на прелендингах. Но проблема в том, что его css стили постоянно конфликтуют со стилями прелендинга. А точнее все время что-нибудь наследуется из стилей тега html и body. И соответственно все криво отображается. Пробовал переназначать значения атрибутов, а также добавлять !important к стилям popup окна, но ничего не помогает.

Подскажите, пожалуйста, как можно отменить наследование. Может стили popup окна можно как-то подключить с помощью JS, так чтобы игнорировались все остальные? Или может можно выводить это окно как-то во фрейме по верх содержимого прелендинга? Пробовал сам решить этот вопрос с помощью фрейма, но ничего не получилось. Нужно универсальное решение, так как это popup окно используется постоянно на разных прелендингах.

L
На сайте с 16.10.2014
Offline
108
lexter
#1

Для начала я думаю стоит взять бубен и немного помолиться!

Пунктом вторым можно выложить пациента или хотя бы код.....

Купить автомобиль из США можно тут (https://us-car.com.ua)
tommy-gung
На сайте с 22.11.2006
Offline
287
tommy-gung
#2

в чем проблема использовать абстрактные названия у классов попап?

Здесь не могла быть ваша реклама
W
На сайте с 14.11.2012
Offline
41
widgin
#3
tommy-gung:
в чем проблема использовать абстрактные названия у классов попап?

Да нет проблемы, они итак уникальны. Вот только свойства стилей назначенные тегу body все равно наследуются дочерним тегам popup окна. Меняется свойства шрифта, размер окна и кнопка закрытия.

РАН
На сайте с 20.04.2016
Offline
43
РАН
#4

я впервые слышу, а разве можно это отменить? имею ввиду именно body. Просто переопределять эти свойства по усмотрению в подэлементах. Если делать это неудобно, то стоит пересмотреть те свойства которые вы задаете родительским элементам.

W
На сайте с 14.11.2012
Offline
41
widgin
#5
lexter:
Для начала я думаю стоит взять бубен и немного помолиться!
Пунктом вторым можно выложить пациента или хотя бы код.....

Пример кода Pop-up окно без стилей прелендинга:

https://jsfiddle.net/h455s2k1/

Пример кода Pop-up окно со стилями прелендинга:

https://jsfiddle.net/yuy1e9u1/

danforth
На сайте с 18.12.2015
Offline
153
danforth
#6

Грузите в popup iframe, туда стили и js не встраиваются.

Junior Web Developer
W
На сайте с 14.11.2012
Offline
41
widgin
#7
danforth:
Грузите в popup iframe, туда стили и js не встраиваются.

А как это сделать, чтобы popup будучи во фрейме загружался поверх содержимого прелендинга? Я пробовал. У меня не получалось.

danforth
На сайте с 18.12.2015
Offline
153
danforth
#8
widgin:
popup будучи во фрейме

А вы наоборот сделайте, фрейм в popupе.

Грузите модальное окно ваше, внутри вставляете: 


<iframe src="http://site.ru/popup.html" frameborder="no" scrolling="no">

iframe not supported in your browser

</iframe>
W
На сайте с 14.11.2012
Offline
41
widgin
#9
danforth:
А вы наоборот сделайте, фрейм в popupе.

Грузите модальное окно ваше, внутри вставляете: 

<iframe src="http://site.ru/popup.html" frameborder="no" scrolling="no">

iframe not supported in your browser

</iframe>

Спасибо большое, все получилось.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий