大佬教程收集整理的这篇文章主要介绍了，大佬觉得挺不错

  大佬教程收集整理的这篇文章主要介绍了jQuery对话底部的箭头，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

  我正在使用jQuery Dialog,我需要在jQuery Dialog的底部中心显示一个箭头提示,如下所示.

  我怎样才能做到这一点 ？

  最佳答案

  一个想法是使用:: after和:: before伪元素将2个CSS三角形(见How do CSS triangles work?)放在彼此的顶部,一个白色和一个灰色以创建三角形轮廓.还需要允许形状在.ui-对话框的“外部”可见,所以我添加了溢出：可见;到那个选择器 – see demo.

   .ui-resizable-handle.ui-resizable-s::before,.ui-resizable-handle.ui-resizable-s::after {

 content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 150px;
  border-style: solid;
  border-width: 10px;
 }
 .ui-resizable-handle.ui-resizable-s::before [{][6]
  border-color: #aaa transparent transparent transparent;
  top: 2px;
 }
 .ui-resizable-handle.ui-resizable-s::after [{][6]
  border-color: #fff transparent transparent transparent;
  top: 1px;
 }
 .ui-dialog [{][6]
  overflow:visible;
 }

  注意：这类似于在Google日历中完成的方式,但Google使用2 x< div>

  大佬总结

  以上是大佬教程为你收集整理的jQuery对话底部的箭头全部内容，希望文章能够帮你解决jQuery对话底部的箭头所遇到的程序开发问题。

  如果觉得大佬教程网站内容还不错css 对话框箭头css 对话框箭头，欢迎将大佬教程推荐给程序员好友。