изменение div, когда один рядом с ним завис

Question

изменение div, когда один рядом с ним завис

0

Я хочу изменить divs рядом с моим, когда они парят, чтобы сделать их меньшими, что позволяет мне увеличиваться. Однако, пытаясь использовать "+" или "не могу", похоже, заставить его работать.

CSS

.MobileFM footerL img:hover + footerR{
    background:white;
}
.MobileFM footerL img:hover + footerM img{
    width: 30%;
}
.MobileFM footerL img:hover {
    width:34%;
}

HTML

<div class="MobileFM">
            <footerL>  <img ng-click="clickPic('help')" ng-src="pic/help.png"> 
             </footerL>
            <footerM> <img ng-click="clickPic('scan')" ng-src="pic/scan.png">
             </footerM>
            <footerR> <img ng-click="clickPic('feedback')" ng-src="pic/feedback.png"> </footerR>

    </div>

user2786754 19 фев. 2014, в 20:49

Источник

4

Что это за тег footerL ? Кроме того, вы дважды вставили свой CSS, без HTML. И последнее, но не менее важное: что такое CSS для начального состояния элементов?
Jasper 19 фев. 2014, в 19:49
0

Можете ли вы вставить свой HTML? Похоже, ваш CSS был дублирован случайно. Кроме того, не могли бы вы уточнить, хотите ли вы, чтобы div изменял размер по обе стороны от того, который вы зависли, или только в одну сторону?
Will Lanni 19 фев. 2014, в 19:50
0

обе стороны я прошу прощения. Начальное состояние элементов - это просто ширина и цвет фона.
user2786754 19 фев. 2014, в 19:54

Показать ещё 1 комментарий

Теги:

html

css

1 ответ

Ещё вопросы

Что это за тег footerL ? Кроме того, вы дважды вставили свой CSS, без HTML. И последнее, но не менее важное: что такое CSS для начального состояния элементов?
Можете ли вы вставить свой HTML? Похоже, ваш CSS был дублирован случайно. Кроме того, не могли бы вы уточнить, хотите ли вы, чтобы div изменял размер по обе стороны от того, который вы зависли, или только в одну сторону?
обе стороны я прошу прощения. Начальное состояние элементов - это просто ширина и цвет фона.

Jasper · Accepted Answer · 2014-02-19T17-30-00.000Z

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

Пример HTML:

<div id="wrapper">
    <div style="background:red;">a</div>
    <div style="background:blue;">b</div>
    <div style="background:green;">c</div>
</div>

Пример CSS:

#wrapper {
    width : auto;
    float : none;
}
div {
    width      : 33%;
    float      : left;
    height     : 25px;
    text-align : center;
}

#wrapper:hover div {
    width : 25%;
}

#wrapper div:hover {
    width : 50%;
}

Демо-ссылка: http://jsfiddle.net/F36W8/