我正在使用带有背景图像的透明1x1图像,以便能够使用精灵并仍然为某些图标提供替代文本.
我想为图像使用数据URI来减少HTTP请求的数量,但是生成透明图像的最小可能字符串是什么？
我意识到我可以使用数据URI:s来表示实际图像而不是精灵,但是当所有内容都保存在CSS中而不是分散时,它更容易维护.
第一次使用这种技术,似乎无论我尝试分配边框的哪些属性都不会在Chrome中消失.其他浏览器都很好.我尝试过outline:none,border:0; 还尝试在图像周围添加彩色边框,并注意到黑色边框仍然在彩色边框内.似乎不想消失.
解决方法或建议非常感谢.
.share-link {
display: block;
width: 41px;
height: 32px;
text-decoration: none;
background: url("link-icon.png");
}
.share-link:hover {
background-position: -41px 0;
}
<a title="Share this Link" href="#"><img class="share-link"></a>
我有一个div,它位于浏览器左上角的300px到300px之间.我计划在div中显示图像但不幸的是我不知道图像的大小,虽然我知道图像将是300px×300px或更小.
如何创建一个设置宽度和高度为300px的div,它将水平和垂直相同或更小的图像居中？