像谷歌一样做一个div

Question

我想制作div，就像我附加的屏幕截图中的{{1}}一样。

当我们点击应用时会打开，当点击页面上的任何其他位置时会关闭。特别是绿色和灰色的部分。

我不知道该怎么做。

提前致谢。

Answer 1

你应该详细说明你想要的东西？你想要一个像屏幕截图所示的弹出窗口或箭头吗？

试试这个：http://jsfiddle.net/F47uy/

<强> CSS ：

#arrow{
     border-left: 15px dashed transparent;
     border-right: 15px dashed transparent;
     border-bottom: 15px dashed grey;
     margin-left:200px;
     width:0;
     height:0;
}
 #box{
     background:grey;
     width:300px;
     height:300px;
}