Question

“entergraph

由于乌可以看到边界从角落(红外)消失。如果一度使其4+x厚度,则需要1px薄。为什么这是一个问题? 对这种财产采取类似设计的做法?

the html

<div class="win" >  
<img class="rounded" src= red.jpg  />
</div>

www.un.org/Depts/DGACM/index_french.htm

.win{width:188px;float:left;margin:0 30px 25px 0;}
.win .rounded {
overflow: hidden;
behavior: url(PIE.htc);
border:1px solid #000;  
-moz-border-radius: 7px; /* Firefox */
-webkit-border-radius: 7px; /* Safari and Chrome */
border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

<><>> EDIT/

最后,我找到了一种能够准确满足需要的解决方案。 (一) 分享联系可能因为其他人有同样的问题:

http://web Designer Wall.com/tutorials/css3-rounded-image-with-jquery” rel=“nofollow noretinger” http://web Designer Wall.com/tutorials/cs3-rounded-image-with-jquery

Answer 1

你们应当看<代码>后背井/条码>。 Try background-clip: pavention- Box。您还应添加<条码>-webkit-background-clip和-moz-background-clip,以支持老浏览器。

Answer 2

There is an issue using border-radius with images in most/all browsers. There are a number of online articles about this but I ve not paid attention to them. You should Google for those.

Answer 3

If you want good rounded borders that will work with a large number of browsers, you could use image as a background for a div with needed css-properties.
Example (only border, nothing else):
html

<div class="card" style="background:url(image.jpg) no-repeat center center; width:150px; height:150px;"></div>

<><>

.card {
    border:1px solid #000;  
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

友情链接