Question

我有一个css类，你在html5和css3中放置了一个布局：hover background-color，这个颜色存储在数据库中并在控制器中取出它，现在不知道怎么做：悬停背景颜色的屏幕显示。我想的是将html代码包含在带有该样式的标签中间，并告诉该类遭受html标记：悬停以增加一个，这样就会选择增加值

这是我在代码中的想法：

<ul class="sub">
      {% for key, c in categorias %}
    <li class="hover">
        <a href="elemento.html">{{ c.nombre }}
            <div class="icon" style="background-color: #{{c.color}}">
                <img src="{{ asset('images/iconoportada/' ~ c.iconoNombre)}}" alt="elemento" />
            </div>
        </a>
    </li>
      {% endfor %}

每个列表项都有一个：悬停背景不同，就像当前背景从数据库中捕获它一样，问题是我无法捕获：hover css在这里所以我想到了Twig

Answer 1

我会用这样的东西：

   {% for key, c in categorias %}
    <li class="hover">
        <a href="elemento.html">{{ c.nombre }}
            <div class="icon" rel="#{{c.color}}">
                <img src="{{ asset('images/iconoportada/' ~ c.iconoNombre)}}" alt="elemento" />
            </div>
        </a>
    </li>
   {% endfor %}

和Jquery

<script>
   $(document).ready(function(){
      var oldbg = "";
      $(".icon").hover(function(){
         oldbg = $(this).css("background-colod");
         $(this).css("background-colod", $(this).attr("rel"));
      }, function(){ $(this).css("background-colod", oldbg); } );
   }
</script>

没有经过测试......只是从头顶开始。

增加twig中css类的值

1 个答案: