Html CSS圆角帮助堆叠元素

Question

我正在尝试用图像创建一个圆角。但我得到了其他图像。

我的代码：

<div style="width:468;height:60; border:1px solid #cccccc;border-right:none;position:relative;">
<span style="background: url("../images/showkontopleft.png") no-repeat scroll 0% 0% transparent; width: 5px; height: 5px; top: 0pt; left: 0pt; display: block;"></span>
<a target="_blank" href="/link/8" style="float:left;display:inline;">
<img style="width: 468px; height: 60px; border: 0pt none; display: block;" src="http://dk.orvillemedia.com/ads/banners/514/468x60.jpg" alt="468x60">
</a>
</div>

问题：

Answer 1

给div增加高度并添加样式位置：绝对到跨度。

Answer 2

我不确定您的具体问题是什么，但您应该知道url()的参数未被引用。您的参考应该是：

url(../images/showkontopleft.png) 

另外，为什么要在内联元素上放置背景图像？你希望从中得到什么？

Answer 3

不要在图像圆角上施加压力，只需使用css，http://bit.ly/O2Fl

我知道，我知道，“IE怎么样？”不要管它。它应该是锯齿状的角落。

我的看法。

Answer 4

所以你想在其他图像上有一个图像。 <怎么样

<img class="corner" src="corner.png" style="position:relative; z-index:1" />
<img class="main-image" src="main.jpg" style="position:relative; margin-top:-10px z-index:0" />