使用CSS渐变而不是图像

2019年7月29日 174次阅读

使用CSS创建渐变而不是图像,它是否有任何消极性？

例如,以下代码：

 #gradient {
  color: #fff;
  height: 100px;
  padding: 10px;
  /* For WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff));
  /* For Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(top, #00f, #fff);
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";
 }

谢谢.

最佳答案 渐变还没有标准化,许多浏览器都没有支持它,在你的例子-moz-linear-gradient在firefox 3.6中工作,但在旧版本中没有.如果您的网站是出于公共目的,很多人都不会看到您的渐变,因此您可以查看他们使用的浏览器版本,并使用基于此的渐变或图像.我在Intranet站点上使用渐变(我可以强制用户使用特定的浏览器),如果浏览器不是Firefox 3.6或更高版本,该站点将只显示一条消息,告诉用户升级,但这不是一个好消息如果你上市的方式.

所以我选择负面的公共网站. 🙂

点赞