Как сделать на стилях, замену цвета объекта находящегося внутри стиля? :)

CC
На сайте с 05.07.2010
Offline
5
563

К примеру я помещаю внутрь <div id=primer> что нибудь </div>, мне необходимо чтобы находящийся объект внутри этого стиля, был серого цвета а при наведение курсора на этот стиль или на объект находящийся внутри стиля, цвет с серого, менялся на истинный цвет объекта... Вот такой сложный для меня вопрос с которым уже 2 дня не могу разобраться :(, возможно кто нибудь поможет мне?

[Удален]
#1

ChioChiioSAN, объект из себя что представляет? Если это текст, то делаете стиль

#primer{color:#ccc}

#primer:hover{color:#true;}, где true - параметры истинного цвета.

Если надо подменить изображения с серого на истинный, ну и пропишите в свойствах пути.

Или "что нибудь" это какие нибудь серые сиськи? Тогда я не знаю, что вам посоветовать 😂

CC
На сайте с 05.07.2010
Offline
5
#2

С текстом и картинкой все просто, а если это код кнопки Facebook Like или В контакте?

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"

scrolling="no" frameborder="0"

style="border:none; width:450px; height:80px"></iframe>

[Удален]
#3

если в элементе есть свой style то внешними стилями его не перебьешь, пользуйтесь jquery

[Удален]
#4
ChioChiioSAN:
а если это код кнопки Facebook Like или В контакте?

А сделать свою кнопку не, религия не позволяет? ) Сниферами в школе не учили пользоваться что ли?

CC
На сайте с 05.07.2010
Offline
5
#5

В принципе из элемента можно убрать style, но как тогда можно стилями перебить?

Код без style:

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"

scrolling="no" frameborder="0" width="450px" height="80px"></iframe>

[Удален]
#6

К внешнему документу вы уже никак доступ не получите, это безопасность браузера

CC
На сайте с 05.07.2010
Offline
5
#7

Да но стиль в котором он находится можно как то модернизировать, чтобы при наведение на стилевой box снималась что то типо тени делающая элемент серого цвета?

[Удален]
#8

К содержимому iframe есть доступ через javascript, гуглите, я похожие вещи делал. Содержимое iframe можно проверить с помощью firebug для firefox. Находите там нужный элемент (например, текст, или картинка); если у него есть идентификатор - все супер. Если нет идентификатора, придется его находить, например, по порядку - в любом случае узел с DOM-моделью вложенного документа у вас есть. Потом самое простое - прописываете нужные стили на javascript, либо прикручиваете нужный класс, который вытягивается из таблицы стилей. В таблице стилей, чтобы перекрыть нижний каскад, исользуется !important (http://htmlbook.ru/css/!important) - это в ответ тем, кто выше писал, что нижний каскад перекрыть нельзя.

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