草庐IT

sprite_images

全部标签

html - 如果不作为 "image/x-icon",IE 不会在 HTML 中显示 .ico 图标

我在列表中显示网站的图标,如元素。一些网站将它们用作:还有一些服务于:IE不显示那些没有type="image/x-icon"的网站图标图像。我无法控制网站如何为其网站图标提供服务,那么我可以做些什么呢? 最佳答案 我认为最好的办法是将它们转换为另一种格式。如果您手动显示图标,那么您可以下载每个图标,使用图像程序将其转换,然后将其上传到您的站点。如果您是自动执行此操作,则需要查看在服务器端获得的任何图像处理工具。如果您使用的是PHP,那将是GD或ImageMagick图书馆。例如,只需转换为PNG,并将其缓存在您的网站上。如果IE不

html - 是否可以使用剪辑隐藏 CSS 背景 Sprite 图像的特定区域?

是否可以使用clip隐藏CSSbackgroundimage的特定区域?例如,我在图像上有多个图标,但我只想显示一个图标。因为Div的区域大于图标大小,所以其他不需要的图标也会显示。我可以隐藏它们而不为那个单个图标制作另一个图像吗?Jsfiddlehttp://jsfiddle.net/jitendravyas/FyMW6/1/ 最佳答案 基本上,您为每个图像创建一个容器,用于指示图像的区域。http://jsfiddle.net/FyMW6/4/HTML:LoremipsumdolorsitametCSS:.button{widt

html - 是否可以使用剪辑隐藏 CSS 背景 Sprite 图像的特定区域?

是否可以使用clip隐藏CSSbackgroundimage的特定区域?例如,我在图像上有多个图标,但我只想显示一个图标。因为Div的区域大于图标大小,所以其他不需要的图标也会显示。我可以隐藏它们而不为那个单个图标制作另一个图像吗?Jsfiddlehttp://jsfiddle.net/jitendravyas/FyMW6/1/ 最佳答案 基本上,您为每个图像创建一个容器,用于指示图像的区域。http://jsfiddle.net/FyMW6/4/HTML:LoremipsumdolorsitametCSS:.button{widt

javascript - HTML5 Canvas 中的平滑行走 Sprite

我正在用Canvas(和js)开发等距html5游戏。我的网格由列(x)和行(y)组成。目前我的玩家可以在map中行走,但他会从一个坐标跳到另一个坐标。我试图让他使用sprite动画以流畅的方式从一个瓷砖走到另一个瓷砖。但我不知道如何做,也找不到任何介绍其机制的文章,所以我再次求助于您!因此,如果您知道如何执行此操作,或者知道解释此操作的文章或教程,那就太好了!提前致谢尼克·维尔海延更新:我现在用来行走我的播放器的代码Player.move=function(direction){varnewX=Player.positionX;varnewY=Player.positionY;swi

javascript - HTML5 Canvas 中的平滑行走 Sprite

我正在用Canvas(和js)开发等距html5游戏。我的网格由列(x)和行(y)组成。目前我的玩家可以在map中行走,但他会从一个坐标跳到另一个坐标。我试图让他使用sprite动画以流畅的方式从一个瓷砖走到另一个瓷砖。但我不知道如何做,也找不到任何介绍其机制的文章,所以我再次求助于您!因此,如果您知道如何执行此操作,或者知道解释此操作的文章或教程,那就太好了!提前致谢尼克·维尔海延更新:我现在用来行走我的播放器的代码Player.move=function(direction){varnewX=Player.positionX;varnewY=Player.positionY;swi

HTML/CSS : What should I use to define image height/width to make it resolution independent?

我在互联网上读到过我不应该用绝对像素高度/宽度/大小定义字体(或任何东西),而是使用EM...以便在更高分辨率的显示器上,我的网站可以适当扩展。但是,我用什么来定义图像的高度/宽度...因为图像不能很好地缩放(它们看起来像素化)更新:澄清一下,我不是指的是页面缩放。我指的是如何使我的Web应用程序分辨率独立,以便它在更高DPI显示器上看起来正确。 最佳答案 我知道这个问题有点老了,但我想把它放在那里供以后出现的任何人使用。当谈论具有更高像素密度的移动设备时,移动浏览器会将页面放大一定量,使其看起来好像网页不是很小。设备根据CSS2.

HTML/CSS : What should I use to define image height/width to make it resolution independent?

我在互联网上读到过我不应该用绝对像素高度/宽度/大小定义字体(或任何东西),而是使用EM...以便在更高分辨率的显示器上,我的网站可以适当扩展。但是,我用什么来定义图像的高度/宽度...因为图像不能很好地缩放(它们看起来像素化)更新:澄清一下,我不是指的是页面缩放。我指的是如何使我的Web应用程序分辨率独立,以便它在更高DPI显示器上看起来正确。 最佳答案 我知道这个问题有点老了,但我想把它放在那里供以后出现的任何人使用。当谈论具有更高像素密度的移动设备时,移动浏览器会将页面放大一定量,使其看起来好像网页不是很小。设备根据CSS2.

解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。

1)小程序image跟view标签上下会有间隙,解决方法如下:在image那里设置vertical-align:top/bottom/text-top/text-bottom原因:图片文字等inline元素默许是跟父级元素的baseline对齐,而baseline又和父级底边有必定间距2)解决小程序里面的图片之间有空隙的问题1、将图片转换为块级对象  即,设置img为:  display:block;  在本例中添加一组CSS代码:  #subimg{display:block;}2、设置图片的垂直对齐方式  即设置图片的vertical-align属性为“top,text-top,botto

html - border-image CSS 的奇怪行为

我有一张图片,我想用作div的边框和背景。尽管使用了background:transparent!important;或background:none!important;(我都试过了),下面的代码(和fiddle)在div中产生了不受欢迎的白色背景.这是我正在使用的图像:这是我得到的效果:这是我想要的效果:奇怪的是,我可以通过在Chrome中打开WebInspector并在页面呈现后切换border-image属性来达到预期的效果。只需关闭并重新打开border-image,我就得到了我想要的结果:HTMLtestCSSdiv{-webkit-border-image:url(htt

html - border-image CSS 的奇怪行为

我有一张图片,我想用作div的边框和背景。尽管使用了background:transparent!important;或background:none!important;(我都试过了),下面的代码(和fiddle)在div中产生了不受欢迎的白色背景.这是我正在使用的图像:这是我得到的效果:这是我想要的效果:奇怪的是,我可以通过在Chrome中打开WebInspector并在页面呈现后切换border-image属性来达到预期的效果。只需关闭并重新打开border-image,我就得到了我想要的结果:HTMLtestCSSdiv{-webkit-border-image:url(htt