使用jQuery在图像上定位时间

我试图使用jQuery通过CSS重新定位图像上的时间，但显然遗漏了一些东西

默认情况下，它与作者姓名内联显示，因此我可以将其重新定位在图像下方，但不能像这样定位在图像上方

jQuery（函数（$）{
//添加jsbody类。
$（'body'）.addClass（'js'）；
$（'.home-middle-article，.home-top-article'）。每个（函数（）{
var$time=$（this.find（'.entry time'）；
$（this）.find（'a.alignleft，a.alignnone，a.alignright'）.append（$time）；
});
});
.js.content.home middle a.输入时间，
.js.content.home top a.进入时间{
背景色：#e8554e；
底部：24px；
颜色：#fff；
字体大小：14px；
字体大小：1.4rem；
字体大小：300；
填充物：5px10px；
位置：绝对位置；
右：0；
}
.js.home中偏左，
.js.主页顶部a.左{
保证金：0 24px 24px 0；
}
.js.home middle a.右，
.js.home-top a.right{
保证金：0.24px 24px；
}
.js.home middle a.左img，
.js.home middle a.右img，
.js.主顶a.左img，
.js.主顶部a.a.右img{
保证金：0；
}



这是WordPress帖子的一个例子，你可以编辑它来发布关于你自己或你的网站的信息，让读者知道你来自哪里。你可以创建

I设置
。输入图像链接
为
显示：块
和
位置：相对
，时间元素为
位置：绝对
。然后，您可以使用
顶部
、
左侧
、
底部
、
右侧
值调整绝对位置


jQuery（函数（$）{
//添加jsbody类。
$（'body'）.addClass（'js'）；
$（'.home-middle-article，.home-top-article'）。每个（函数（）{
var$time=$（this.find（'.entry time'）；
$（this）.find（'a.alignleft，a.alignnone，a.alignright'）.append（$time）；
});
});
.js.content.home middle a.输入时间，
.js.content.home top a.进入时间{
背景色：#e8554e；
底部：24px；
颜色：#fff；
字体大小：14px；
字体大小：1.4rem；
字体大小：300；
填充物：5px10px；
位置：绝对位置；
右：0；
}
.js.home中偏左，
.js.主页顶部a.左{
保证金：0 24px 24px 0；
}
.js.home middle a.右，
.js.home-top a.right{
保证金：0.24px 24px；
}
.js.home middle a.左img，
.js.home middle a.右img，
.js.主顶a.左img，
.js.主顶部a.a.右img{
保证金：0；
}
.入口图像链接{
位置：相对位置；
显示：块；
}
时间{
位置：绝对位置；
顶部：0px；
}



这是WordPress帖子的一个例子，你可以编辑它来发布关于你自己或你的网站的信息，让读者知道你来自哪里。你可以创建

父元素必须具有非静态的位置，请尝试使用相对于父元素的
position:relative
。您指的是skobaljic类