在导航栏中使用渐变图像还是纯CSS?

Xtreme

我使用引导程序,并希望通过一些渐变和透明度来更改导航栏的颜色(请参见所附图片)。我应该将图像与代码一起使用吗

background: url(../img/nav-bg.png) repeat-x;

还是应该将其转换为CSS并使用纯CSS?

浏览器如何支持?

如果是纯CSS,更改颜色和大小会更容易一些,但是对于相同的结果,我会得到更多的代码。

您是否建议使用纯CSS或图像作为导航栏的背景颜色?

导航栏图片

马达莉娜·泰纳(Madalina Taina)

我认为没有任何理由使用图像。您可以在此处查看带有支持的表格

在此处输入图片说明

另外,Bootstrap中navbar的默认背景是:

background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我如何在Swift iOS的导航栏中使用图像

来自分类Dev

带有线性渐变的CSS导航栏在Chrome中不显示背景

来自分类Dev

使用纯CSS的图像反射效果

来自分类Dev

appgyver导航栏图像

来自分类Dev

在CSS中使用线性背景渐变效果后,带有超链接的图像不起作用

来自分类Dev

使用CSS定位导航栏

来自分类Dev

在Bootjack中使用引导导航栏

来自分类Dev

在导航栏中使用浮动

来自分类Dev

使用CSS的导航栏高度过渡

来自分类Dev

导航栏按颜色/图像以线性渐变水平拆分

来自分类Dev

如何在扩展中使用CSS更改表导航栏?

来自分类Dev

CSS导航栏与图像

来自分类Dev

如何仅使用CSS和HTML将图像添加到固定的导航栏

来自分类Dev

我可以在HTML和CSS中将侧边栏贴到屏幕的左侧还是右侧?(不是导航栏)

来自分类Dev

使用StoryBoard在导航栏中使用UIButton

来自分类Dev

使用HTML和CSS将图像添加到导航栏

来自分类Dev

无法在导航栏CSS中使用填充

来自分类Dev

纯CSS-使用蒙版图像和径向渐变来制作菱形形状

来自分类Dev

使用CSS将导航栏居中

来自分类Dev

如何制作纯CSS滑块的导航栏?

来自分类Dev

带有线性渐变的CSS导航栏在Chrome中不显示背景

来自分类Dev

appgyver导航栏图像

来自分类Dev

在导航栏中使用UITableViewController

来自分类Dev

如何获取导航栏中使用的默认图像?

来自分类Dev

CSS导航栏与图像

来自分类Dev

使用CSS将图像嵌套在导航栏中

来自分类Dev

为什么在 CSS 中使用“重复”后导航栏翻了一番?

来自分类Dev

使用纯 css 从左侧滑动导航栏

来自分类Dev

使用 HTML/CSS 将导航栏居中