我的网站上的一个图像显示为错误的图像

时间:2013-09-17 作者:user3515

我的网站上有一个图像,它显示为错误的图像。当我在chrome中“inspect element”并点击图像链接时,它显示为正确的图像。

怎么会这样?

页面如下:http://goinspire.com/israel-family-tours/

图像是向下滚动时显示的蓝色三角形。

图像:http://goinspire.com/wp-content/uploads/arrow2.gif

谢谢

1 个回复
最合适的回答,由SO网友:Matt.C 整理而成

您只能看到图像的顶部,因为您的背景图像比css中用于#平滑处理的图像大得多:

时尚。css#smoothup {height: 40px; width: 90px;}

实际图像为122 x 105。

您需要:

1: 修改css定义#smoothup以适应背景图像的大小

2修改背景图像以适应容器的大小

3: 使用CSS3background-size 缩放背景图像(IE8及以下版本中不支持),并且由于长宽比不匹配,因此看起来是错误的。

如果您有意缩小图像以显示视网膜,请将其作为img 元素并使用css缩小,但maintain the aspect ratio

结束

相关推荐

这种CSS填充是有效的,但这是一种好做法吗?

我正在尝试在我的插件中包含动态css,我一直在搜索任何地方,但没有找到任何与我所做类似的情况。我使用的方法是,在关闭php标记后,将css文件直接添加到插件php文件的末尾?> 无需添加任何其他内容,如呼叫wp head等。下面是我直接放入插件文件末尾的代码示例:<style type=\"text/css\"> .innertrow { background-color: <?php get_options(\'css_value\');?>}&#x