0

我正在开发一个 Wordpress 插件,但在定位span. 基本上,有一个div包含一个img和一个spandivspan是在插件中动态添加的,但我认为这里不是这种情况)应该涵盖img. span加载图像后,其大小、浮动和边距会动态设置,因此span完全覆盖图像。

不幸的是,当image是向右浮动时,具有一个正的左边距值并且比div包含它的更宽(图像+边距),就会出现问题。的左边距image已更改,但span的左边距未更改,因此span无法正确覆盖图像。有没有办法解决这个问题或一个好的解决方法?我的意思是在其他情况下也能很好地工作,比如向左浮动图像等。我注意到它在 Chrome、IE9 和 FF19 上的工作方式类似。

一个例子:http: //jsfiddle.net/6zQp3/1/

更新 我认为我没有很好地解释这个问题,所以这里有另一个例子:

http://jsfiddle.net/6zQp3/53/

我已经指出了代码的哪些部分可以更改,哪些不能更改。基本上,该插件会为网站上的每个图像动态创建div.image-containerand span.cover(我在这里省略了这部分,因为它并不真正相关)。span.cover应该完全覆盖图像。正如您在这个新示例中看到的那样,第一张图像没有被正确覆盖,而其他图像则被正确覆盖。那是我的问题 - 调整 JavaScript,也许还有 css,以便它在这种情况下也能正常工作。请注意,我无法修改图像的 css(因此不能在图像上使用绝对定位)。

4

1 回答 1

0

span的定位是绝对的,因此它不能向左或向右浮动。

这是我的版本:

一) http://jsfiddle.net/6zQp3/47/

B) http://jsfiddle.net/6zQp3/49/

现在您可以将 img + span 放置在任何位置。

于 2013-02-21T19:08:53.773 回答