如何在jquery对话框旁边放一张图片？ [关闭]答案

【问题标题】：How to put a picture next to the jquery dialog? [closed]如何在jquery对话框旁边放一张图片？ [关闭]
【发布时间】：2013-03-02 02:46:33
【问题描述】：

我没有找到可以谈论这个的话题，如果没有正确研究，我深表歉意。有没有办法将图片放在 jquery 对话框旁边，如下图所示？如果是怎么办？

【问题讨论】：

我不明白为什么这不是问题

标签： jquery css jquery-ui

【解决方案1】：

工作示例：http://jsfiddle.net/BwQzs/5/

html:

<div id="dialog" title="Basic dialog">
  <p>A dialog...</p>
</div>
<img style="position: absolute; top:0; left:0; width: 70px;" id="dialogimage" src="https://twimg0-a.akamaihd.net/profile_images/3167619400/f6e8d4a5be06c62a6ea863c3d6dce875.png" />

js:

    $(function(){
    $( "#dialog" ).dialog({

        open: function( event, ui ) {
          $('#dialogimage').css({
              left:$(this).offset().left-75,
              top:$(this).offset().top-46
            });
        },
        drag: function( event, ui ) {
            $('#dialogimage').css({
                left:ui.position.left-70,
                top:ui.position.top,display:'block'
            });
        }
    });
})

【讨论】：

谢谢，真的做不到
还有一个问题，当我显示对话框时，从该窗口后面显示灰色背景，包括帮助我的图像。如何将此图像变为灰色？
您可以将图像放在一个容器中，然后放在另一个具有绝对位置的容器中，在图像上方，背景颜色：灰色和不透明度在中间的某个位置。或者您可以将图像编辑到图像编辑器中并使其变为灰色然后将其上传到服务器上。