Html CSS3响应背景图像变得模糊
我使用png图像作为td在一个表中的背景。我使用“背景尺寸：封面”使其具有响应性。但在较小的窗口上，背景图像变得模糊。全尺寸的很好。有没有办法防止这种情况Html CSS3响应背景图像变得模糊,html,css,Html,Css,我使用png图像作为td在一个表中的背景。我使用“背景尺寸：封面”使其具有响应性。但在较小的窗口上，背景图像变得模糊。全尺寸的很好。有没有办法防止这种情况 <table> <tr> <td style="background-image: url(image.png)"> <div></div> </td> </tr> </table> css: table t
<table>
<tr>
<td style="background-image: url(image.png)">
<div></div>
</td>
</tr>
</table>
css:
table td{
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
height: 96px;
}
css:
表td{
背景位置：中上；
背景重复：无重复；
背景尺寸：封面；
高度：96px；
}
table {
width: 100%;
}
可以设置桌子的宽度吗
table {
width: 100%;
}
可以设置桌子的宽度吗
table {
width: 100%;
}
可以设置桌子的宽度吗
table {
width: 100%;
}
唯一的真正解决方案是使用矢量图形，比如SVG图像。
< P>如果你想以一种响应的方式来做，你可以考虑在一个较小的屏幕上使用一个较小的图像，用媒体查询-< /P> HTML:如果你想以一种响应的方式来做，你可以考虑在一个较小的屏幕上使用一个较小的图像，用媒体查询-< /P> HTML:
如果你想以一种响应的方式来做，你可以考虑在一个较小的屏幕上使用一个较小的图像，用媒体查询-< /P> HTML:
如果你想以一种响应的方式来做，你可以考虑在一个较小的屏幕上使用一个较小的图像，用媒体查询-< /P> HTML:
问题不在于圆的大小，而在于背景位置：中心。尝试更改图像渲染css轮盘。问题不在于bakcground大小轮盘，问题在于背景位置：中心。尝试更改图像渲染css轮盘。问题不在于bakcground大小轮盘，问题在于背景位置：中心。尝试更改图像渲染css轮盘。问题不在于bakcground大小轮盘，问题在于背景位置：中心。尝试更改图像渲染css轮盘。您可以使用媒体查询将背景大小从封面更改为非封面？是否尝试过，背景大小：contain；您可以使用媒体查询将背景大小从封面更改为非封面？是否尝试过，背景大小：contain；您可以使用媒体查询将背景大小从封面更改为非封面？是否尝试过，背景大小：contain；您可以使用媒体查询将背景大小从封面更改为非封面？是否尝试过，背景大小：contain；我还想过使用矢量图像。但是有相当多的图像。无论如何，我想没有其他选择了。。谢谢你的回复。只是想节省你的时间；-）无论如何，你可以使源图像本身有点模糊，或者使其模糊一点/在其上加一个渐变，使其不那么明显。应该不会有太大的问题，因为背景图像毕竟是在“背景”中…我还想过使用矢量图像。但是有相当多的图像。无论如何，我想没有其他选择了。。谢谢你的回复。只是想节省你的时间；-）无论如何，你可以使源图像本身有点模糊，或者使其模糊一点/在其上加一个渐变，使其不那么明显。应该不会有太大的问题，因为背景图像毕竟是在“背景”中…我还想过使用矢量图像。但是有相当多的图像。无论如何，我想没有其他选择了。。谢谢你的回复。只是想节省你的时间；-）无论如何，你可以使源图像本身有点模糊，或者使其模糊一点/在其上加一个渐变，使其不那么明显。应该不会有太大的问题，因为背景图像毕竟是在“背景”中…我还想过使用矢量图像。但是有相当多的图像。无论如何，我想没有其他选择了。。谢谢你的回复。只是想节省你的时间；-）无论如何，你可以使源图像本身有点模糊，或者使其模糊一点/在其上加一个渐变，使其不那么明显。不应该是太大的问题，因为背景图像毕竟是在“背景”中。。。