我有一个下拉菜单和链接列表。链接列表在标签下拉菜单中,我试图使用mouseover事件在单独的标记中显示一个不同的图像。当用户光标在文本链接上时,图片位置将出现不同的图像。我可以使用CSS而不是JavaScript来完成这个任务吗?我试图对此进行编码,这样我就可以在其他下拉菜单中使用它,所以我需要一种方法来编写它,在这里我不必使用屏幕位置,比如z定位。我希望图片显示的地方,它说没有图片可用,这是在一个不同的div标签比链接列表。这个链接和图片路径列表来自一个数据库,因此它是动态创建的。
代码的例子是:
<div>
<ul>
list of links...
</u
我要把上面的图片转换成CSS中的背景图片。我使用angular.My的目标是为我列表中的每个新项目更改照片路径。就目前而言,样式是硬编码的,所以图像是恒定的,一切都在工作。
当我尝试通过以下方式更改图像时
style="background: url({{item.photo_path}})"
它正在改变,但没有greyscale and opacity等。
图片:
小提琴。
我的HTML中有一个div容器,它显示了来自多伦多星报的10个解析标题的列表。我希望能够在如下所示的重复网格中显示它们:
下面是我拥有的django模板:
<div id="container">
<div class="containers">
{% for n, i in toronto %}
<center><img src="{{i}}"></center>
<h3>{{n}}</h3>
{% endfor %}