jquery – Css仅显示图像的中心部分

是否可以仅显示图像的中心部分.对于例如图像高度= 300像素和宽度= 520像素使用CSS或JQUERY css会更好,如果可能的话我可以使用 Jquery,谷歌搜索没有帮助我

是否有可能我只能使用css显示200 * 130的中心
例如

-----------------------
|                       |
|       --------        |
|      |Need this|      |
|      | Part    |      |
|       ---------       |
|_______________________|

解决方法

您可以将图像设置为元素的bg,然后像这样：

<style type="text/css">
    div {
        background: #eee url(http://www.google.co.cr/logos/classicplus.png) center center;
        width: 100px;
        height:100px;
        border: 1px solid red;
        text-indent: -9999px;
    }
</style>
<div>some text that won't be seen</div>

最终得到像http://jsfiddle.net/9nBRe/这样的东西