我遇到圆 Angular 问题,他们一直想在左侧裁剪几个像素。下面是我正在使用的代码。我试过增加数字和减少数字;我添加了一个包装器;我已经尝试了所有可以找到的用于搜索的不同解决方案,但它仍然会失败。任何人都可以帮我一把,因为我似乎不太灵巧?显然我也无法发布它的外观图片。
<style>
.image
{
width: 200px;
position:relative;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-khtml-border-radius: 14px;
border-radius: 14px;
overflow: hidden;
}
#slideshow
{
margin:0 0 0 0;
position:relative;
width:200px;
height:133px;
padding: 10px;
overflow:hidden;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-khtml-border-radius: 14px;
border-radius: 14px;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
#slideshow > div
{
position:absolute;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script>
$(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function()
{
$('#slideshow > div:first')
.fadeOut(2000)
.next()
.fadeIn(2000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
<div id="slideshow">
<div class="image"><img alt="" class="icon-action" src="img url" width="200"/></div>
<div class="image"><img alt="" class="icon-action" src="img url" width="200"/></div>
<div class="image"><img alt="" class="icon-action" src="img url" width="200"/></div>
</div>
最佳答案
我在 border-radius
时遇到了同样的问题规范出来了。结果你必须添加 border-radius
到 <img>
标签。然后您可以保留或删除 <div>
的 border-radius
属性(property)。
关于html - 圆 Angular 裁剪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13644966/