jquery - Css 只显示图像的中心部分

Question

是否可以只显示图像的中心部分。例如，使用 CSS 或 JQUERY css 的图像高度 =300 px 和宽度 =520px 会更好，否则我可以使用 Jquery，谷歌搜索没有帮助我

我可以使用 css 仅显示 200 * 130 形成中心吗例如

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

Answer 1

你可以将图像设置为元素的背景，然后像这样:

        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;
        }

<img src="http://www.google.co.cr/logos/classicplus.png">
<div>some text that won't be seen</div>

最后得到类似 http://jsfiddle.net/9nBRe/ 的东西