2014-02-02 3 views
-1

Я пытаюсь получить фон тела, чтобы изменить, когда разделение внутри зависло. На самом деле я хочу, чтобы иметь фон размыта с переходом CSS3, но для целей этого, только собирается получить цвет, чтобы изменитьИзменение фона тела на нижнем div: зависание

http://jsfiddle.net/5dm6m/

<body> 
<div id="x"></div> 
<div id="y"></div> 
</body> 

CSS

body{ 
    margin: 0 0 0 0; 
    width: 100%; 
    height: 100%; 
    padding: 0 0 0 0; 
    background: #0f0; 
} 

#x{ 
    height: 100px; 
    width: 100px; 
    background: #f00; 
} 

#y{ 
    height: 100px; 
    width: 100px; 
    background: #00f; 
} 

#y:hover body{ 
    background: #f0f; 
} 
+0

возможно дубликат [Изменить BGCOLOR тела на парящий в DIV, используя CSS только] (http://stackoverflow.com/questions/14039723/change-body-bgcolor-on-hovering- a-div-using-css-only) – lifetimes

+0

Не дубликат, так как решение относится к смежному делению, а не к родительскому. – Joesruddock

+0

Проверьте это http://stackoverflow.com/questions/11940645/change-body-background-image-gradient-on-hovering-other-elements –

ответ

0

Try это: jsfiddle Но я думаю, что вам нужно сделать это с помощью jQuery лучше.

$('#y').hover(function(){ 
    $('body').css('background', '#f0f'); 
},function(){ 
    $('body').css('background', ''); 
}); 

see on jsfiddle

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