Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用css从顶部剪辑图像_Javascript_Css - Fatal编程技术网

Javascript 使用css从顶部剪辑图像

Javascript 使用css从顶部剪辑图像,javascript,css,Javascript,Css,我正在开发一个iphone应用程序,我正在使用一个图像作为标题。但对于较小的iPhone,我想缩小图像的大小。当我这样做的时候,它从底部开始减少,但我希望它从顶部开始减少。 我只想把图片的顶部裁剪出83像素。 我能用CSS做吗? 我看到有一个选择使用剪辑,但出于某种原因,它根本不工作对我的形象。如果有其他的方法从剪辑我想听到他们 这是图片顺便说一下: 我认为您必须应用CSS背景位置属性。如果您使用此图像作为背景图像,则应编写以下代码: div { background-image:url('im

我正在开发一个iphone应用程序,我正在使用一个图像作为标题。但对于较小的iPhone,我想缩小图像的大小。当我这样做的时候,它从底部开始减少,但我希望它从顶部开始减少。 我只想把图片的顶部裁剪出83像素。 我能用CSS做吗? 我看到有一个选择使用剪辑,但出于某种原因,它根本不工作对我的形象。如果有其他的方法从剪辑我想听到他们

这是图片顺便说一下:

我认为您必须应用CSS背景位置属性。如果您使用此图像作为背景图像,则应编写以下代码:

div {
background-image:url('image.jpg');
background-repeat:no-repeat;
background-position:center bottom;
}
或者,如果您将它放在img标记中的html元素上,那么您可以编写为

img{
background-position: center bottom;
}

有关背景图像位置的详细信息,请访问
clip
不推荐使用。改用
剪辑路径