Question

我想写这样的东西http://jsfiddle.net/teddyrised/EWJGJ/6/ 与纯css但另一个divs的位置发生了变化我有一些这样的div

  <div class = "col-lg-3 col-md-3 col-sm-12 col-xs-12 lsl" style="margin-top:20px;" ng-repeat="rumorSub in rumor">
<div class="rumor-wrapper" ng-mouseover="rumorSub.show = 1" ng-mouseleave = "rumorSub.show = 0">
  <div class="rumors-bg">
        <div class="rumor-name" ng-bind="rumorSub.name" data-ellipsis></div>
        <div style="border-top:1px solid #ffb848;margin:0px 10px 0px 10px;"></div>
        <div ng-if="!rumorSub.show" class="rumor-short-text" ng-bind="rumorSub.short_text" data-ellipsis></div>
        <div ng-if="rumorSub.show">{{rumorSub.short_text}}</div>
        <div class="outer-rumor-time"><div class="inner-rumor-time">{{rumorSub.showTime}}</div></div>
  </div>
</div>

Answer 1

请详细解释问题，具体说明您的实际需求，以便解决问题或提出建议......欢呼声

Answer 2

对于你在小提琴中给出的例子，CSS-class看起来像这样：

.contenitore:hover {
    height: 400px;
    width: 300px;
    top: -80px;
    left: -45px;
    box-shadow: 0 0 5px #000;
    position: relative;
    z-index: 100;
    transition: all 0.5s ease;
    -webkit-transition:  all 0.5s ease;   
    -moz-transition:  all 0.5s ease;
}

否则你必须指明你的问题，并展示你已经完成的CSS，我们可以看到你面对的是什么。

更改另一个div

2 个答案: