Javascript 使用css从顶部剪辑图像
我正在开发一个iphone应用程序,我正在使用一个图像作为标题。但对于较小的iPhone,我想缩小图像的大小。当我这样做的时候,它从底部开始减少,但我希望它从顶部开始减少。 我只想把图片的顶部裁剪出83像素。 我能用CSS做吗? 我看到有一个选择使用剪辑,但出于某种原因,它根本不工作对我的形象。如果有其他的方法从剪辑我想听到他们 这是图片顺便说一下:Javascript 使用css从顶部剪辑图像,javascript,css,Javascript,Css,我正在开发一个iphone应用程序,我正在使用一个图像作为标题。但对于较小的iPhone,我想缩小图像的大小。当我这样做的时候,它从底部开始减少,但我希望它从顶部开始减少。 我只想把图片的顶部裁剪出83像素。 我能用CSS做吗? 我看到有一个选择使用剪辑,但出于某种原因,它根本不工作对我的形象。如果有其他的方法从剪辑我想听到他们 这是图片顺便说一下: 我认为您必须应用CSS背景位置属性。如果您使用此图像作为背景图像,则应编写以下代码: div { background-image:url('im
我认为您必须应用CSS背景位置属性。如果您使用此图像作为背景图像,则应编写以下代码:
div {
background-image:url('image.jpg');
background-repeat:no-repeat;
background-position:center bottom;
}
或者,如果您将它放在img标记中的html元素上,那么您可以编写为
img{
background-position: center bottom;
}
有关背景图像位置的详细信息,请访问
clip
不推荐使用。改用剪辑路径
。