2016-08-14 145 views
-1

当我将鼠标悬停在图像上时,我必须制作一个small red clickable X,它会显示在右上角。鼠标悬停在图像上时可点击图标显示

理论是他们可以点击X,它会处理一些工作,然后删除图像悬停。

我是非常新的CSS,所以我没有实际的代码。

任何帮助,将不胜感激。

UPDATE

继承人我的理论:

  • 我们添加一个悬停背景,然后我们设置的红色图像的背景URL,然后以某种方式将其放置在右上角。

这是不对的,我确实需要看代码,因为我没有真正的技能。

+1

这不是一个免费的编码服务。您必须至少具有您想要使用的代码的基本知识。尝试自己编写你的项目。如果您遇到困难,我们可以帮助您。 http://stackoverflow.com/help/how-to-ask –

+0

@Michael_B现在怎么回合?这是尽可能得到 – slicks1

+0

请给代码 –

回答

0

这里有一个由我制作的片段。询问一些事情是否不够清楚。

.img { 
 
    height: 50px; 
 
    width: 50px; 
 
    background-color: yellow; 
 
} 
 

 
.x { 
 
    color: black; 
 
    width: 50px; 
 
    height: 50px; 
 
    display: none; 
 
} 
 

 
.img:hover>.x { 
 
    display: block; 
 
}
<div class="img"> 
 
    <div class="x"> 
 
    x 
 
    </div> 
 
</div>

+0

我现在出去,几个小时后我会回家我有一些问题 – slicks1

相关问题