悬停元素css上的bug

时间:2015-06-23 13:18:15

标签: css opacity

我有问题。 如果将鼠标悬停在三角形上,菜单将变为透明。 我不知道是什么原因

for row in reader:
    presentation_code = row[0].strip()
    quantity = int(row[1])
    period = row[9]
    processing_date = period[:4] + '-' + period[4:] + '-01'
    if row[4]:
        price_per_unit = actual_cost / float(row[4])
    else:
        price_per_unit = 0
    output = [presentation_code, quantity, processing_date, price_per_unit]
    writer.writerow(output)

3 个答案:

答案 0 :(得分:0)

抱歉,我没有看到任何不透明度问题,但您可以尝试:

.item-icon:hover{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    z-index: 2;

    opacity: 1;
}

答案 1 :(得分:0)

1.001*2^0+1.11*2^{-6}班级中移除z-index:2;, 并将.item-icon:hover添加到z-index: 999;类,如下所示:

.item-icon

我希望它会对你有所帮助

答案 2 :(得分:0)

当您将鼠标悬停在三角形上时,您的班级item-icon的div正在获得另一个班级active。可能是您在jquery中处理此问题,其中您更改了具有类active的元素的颜色,这会导致更改菜单的字体颜色。