图像定位问题 [英] Problem with image positioning

问题描述

我有一个便签，并且我有这样的删除按钮:

I have a sticky note, and I have my delete button this way:

.jSticky-delete[class]{
    background:transparent url(../images/delete.png) no-repeat top left;
    height:14px;
    width:14px;
    position:absolute;
    cursor:pointer;
    z-index:4;
}
* .jSticky-delete{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/delete.png');
    height:14px;
    width:14px;
    position:absolute;
    cursor:pointer;
    z-index:4;
}

问题是，现在我定义了我的编辑(确认)"按钮:

The problem is, now I define my edit (confirm) button:

.jSticky-edit[class]{
    background:transparent url(../images/ok.png)  top right;
    height:14px;
    width:14px;
    position:absolute;
    cursor:pointer;
    z-index:4;
}
* .jSticky-edit{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ok.png');
    height:14px;
    width:14px;
    position:absolute;
    cursor:pointer;
    z-index:4;
}

我将此类添加到

I add this class''s to

.jStickyNote {
    cursor :move;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    height:90%;
    overlay:hidden;
    width:100%;
}

出于某种原因，我不知道此编辑按钮会停留在删除"按钮上(不在右上角).

我究竟做错了什么?我该怎么做才能使ok.png正确运行? (或其他地方)

and for reasons I dont understand this edit button stays over delete button (not on top right).

What am I doing wrong? What can I do to force the ok.png go right? (or elsewhere)

推荐答案

您要告诉每个元素与其他元素放置在同一位置

位置:绝对；

将CSS添加到您应该阅读的内容列表中，而不是发布问题.请停止发布并开始阅读，而不要通过谷歌搜索.去拿一本真正的书.正如我之前告诉您的那样，您将从中了解更多的内容，而不仅仅是在这里绊倒.

You are telling each element to be positioned in the same place as the others

position:absolute;

Add CSS to the list of things you should be reading about rather than posting questions. Please stop posting and start reading, and not by Googling. Go get a real book. As I have told you before you will learn more from this than stumbling around here.

这篇关于图像定位问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！