问IE8梯度和图像
EN

Stack Overflow用户

提问于 2014-04-27 00:17:31

回答 1查看 35关注 0票数 0

我正在尝试创建一个带有渐变和右侧背景图像的跨度。现在，我已经搜索了相当长的一段时间，并且一直在添加代码片段。在我测试IE8之前，一切都很正常。我在堆栈溢出上发现的与我的问题相关的回答问题仍然不适用于我。代码如下：

background: #FFFFFF;
background-image: url(../images/selectArrows.png) center center no-repeat; /* fallback */
background-image: url(../images/selectArrows.png), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); /* Saf4+, Chrome */
background-image: url(../images/selectArrows.png), -webkit-linear-gradient(top, #ffffff, #ededed); /* Chrome 10+, Saf5.1+ */
background-image: url(../images/selectArrows.png),    -moz-linear-gradient(top, #ffffff, #ededed); /* FF3.6+ */
background-image: url(../images/selectArrows.png),     -ms-linear-gradient(top, #ffffff, #ededed); /* IE10 */
background-image: url(../images/selectArrows.png),      -o-linear-gradient(top, #ffffff, #ededed); /* Opera 11.10+ */
background-image: url(../images/selectArrows.png),         linear-gradient(to bottom, #ffffff, #ededed); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFF", endColorstr="#ededed",GradientType=0 ), progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/selectArrows.png");
background-repeat: no-repeat;
background-position: 100% 50%;

html

css

internet-explorer-8

回答 1

Stack Overflow用户

发布于 2014-04-27 02:30:31

我会推荐你使用这个很棒的后台编辑器：http://www.colorzilla.com/gradient-editor/

你可以上传你的selectArrows.png并从中导入背景。它将为您提供您可以使用的确切css，跨浏览器！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23313518

复制

相似问题

问IE8梯度和图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8梯度和图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8梯度和图像
EN