HTML:
<html>
<body>
<header>
<img class="logo" />
</header>
</body>
</html>
CSS:
* {
margin:0px;
padding:0px;
border:none;
}
img.logo {
width:126px;
height:50px;
background-image:url('images/logo.png');
}
每次我尝试为这样的IMG设置样式时会出现一个奇怪的边框.即使我会放置边框:0px; 或边界:无; 在img.logo css中,边界仍然存在.
当border-radius应用于具有白色边框的彩色div时,背景颜色将显示在角落的白色边框外部.为什么会发生这种情况？(试过ie9和ie10).
<div class="rounded"></div>
.rounded {
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border: 3px solid #fff;
background: #f00;
width: 100px;
height: 100px;
}
body {
background-color: #fff;
}
这里的事情是我真的需要白色边框,所以删除它或使其透明,正如一些人提出的那样,不是一种选择.这是一个小提琴:http://jsfiddle.net/z0rt63e2/1/
可能重复:
删除Chrome/IE9中的图像边框
图像周围有一个用蓝色包裹的边框.它是蓝色的......我试着遵循一些解决方案,但边框图像不会消失.
CSS:
<style type="text/css">
a {outline : none;}
a img {outline : none;}
img {border : 0;}
a:active, a:focus
{
outline: none;
ie-dummy: expression(this.hideFocus=true);
}
</style>
这是我的html标记:
<p style="margin-left: 39%;margin-top: 23px;">
<a href="<?php echo $review[0]['link']; ?>"
target="_blank" style="border: none;text-decoration: none;">
<img style="border: none;"
src="Images/Review/button_register_for_free.png"/>
</a>
</p>