HTML CSS圆角帮助堆叠元素

问题描述

| 我正在尝试用图像创建一个圆角。但是我得到了其他图像之上。 我的代码：

<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>

问题：     

解决方法

        赋予div高度并添加样式位置：绝对跨度。     ,        我不确定您的具体问题是什么，但是您应该知道，没有引用

url()

的参数。您的参考应该是：

url(../images/showkontopleft.png) 

另外，为什么要在嵌入式元素上放置背景图像？您希望从中获得什么？     ,        不要过分强调图像的圆角，只需使用CSS，http：//bit.ly/O2Fl 我知道，我知道“ IE呢？”。不要管它。它值得锯齿状的角落。 只是我的看法。     ,        因此，您希望在其他图像上有一个图像。怎么样

<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\" />

？