0

我有一个 css 类,您在 html5 和 css3 中的布局中包含了一个:hover 背景颜色,该颜色存储在数据库中并在控制器中获取,现在不知道如何制作:hover background-彩色屏幕显示。我的想法是在具有该样式的标签中间包含 html 代码,并告诉遭受 html 标签的类 :hover 增加一个,这样可以选择增加的值

这是我在代码中的一种想法:

<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 背景不同,就像当前背景从数据库中捕获它一样,问题是我无法捕获:hover css here 所以我认为 Twig

4

1 回答 1

0

我会使用这样的东西:

   {% 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>

未经测试......只是从我的头顶。

于 2013-10-21T14:10:25.553 回答