css在cforms中定位图像的绝对问题

时间:2010-09-05 11:14:39

标签: css

根据客户要求,我需要在表单中放置图像(通过wordpress中的cforms)。 由于你真的无法在那里显示图像,我只是滥用了这样的标签字段:

01a Contact Information <img style ="height: 155px; width:668px; position:absolute; top:235px; left:617px;" src ="image.jpg" />

问题是,一旦我使用position:relative,它将扩展该fieldset的边框,这就是我选择position:absolute的原因。

当然页面居中,这会产生屏幕分辨率问题。 我不能在explained here附近创建一个div。

See a screenshot

使用此代码的最佳代码是什么?

1 个答案:

答案 0 :(得分:1)

您不需要将position: relative放在您正在使用的图像的直接父级元素上 - 它可以是其任何父级,例如form元素,或整个居中页面的container

只要您放置的元素position: relative是居中的页面的一部分,AP(绝对定位)元素将从该元素中引用,并且您的img将像其他元素一样居中的页面。


如果您希望我们提供您正在做的事情的替代方案,您需要清楚地告诉我们您要做的事情。将图像放在那里就像包含标签一样简单,但显然你的问题与定位有关 - 所以告诉我们你对该图像需要什么样的定位。如果我列出所有可能性,它将是非常长列表。