大佬教程收集整理的这篇文章主要介绍了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 对话框箭头，欢迎将大佬教程推荐给程序员好友。