在导航栏中使用渐变图像还是纯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] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用纯 css 从左侧滑动导航栏
- 2
CSS导航栏与图像
- 3
CSS导航栏与图像
- 4
无法在导航栏CSS中使用填充
- 5
如何制作纯CSS滑块的导航栏？
- 6
我如何在Swift iOS的导航栏中使用图像
- 7
如何获取导航栏中使用的默认图像？
- 8
纯CSS-使用蒙版图像和径向渐变来制作菱形形状
- 9
使用CSS将图像嵌套在导航栏中
- 10
导航栏按颜色/图像以线性渐变水平拆分
- 11
如何在扩展中使用CSS更改表导航栏？
- 12
在导航栏中使用浮动
- 13
在导航栏中使用UITableViewController
- 14
使用CSS定位导航栏
- 15
在CSS中使用线性背景渐变效果后，带有超链接的图像不起作用
- 16
使用StoryBoard在导航栏中使用UIButton
- 17
在Bootjack中使用引导导航栏
- 18
使用纯CSS的图像反射效果
- 19
如何仅使用CSS和HTML将图像添加到固定的导航栏
- 20
使用HTML和CSS将图像添加到导航栏
- 21
为什么在 CSS 中使用“重复”后导航栏翻了一番？
- 22
appgyver导航栏图像
- 23
appgyver导航栏图像
- 24
使用CSS的导航栏高度过渡
- 25
使用CSS将导航栏居中
- 26
使用 HTML/CSS 将导航栏居中
- 27
带有线性渐变的CSS导航栏在Chrome中不显示背景
- 28
带有线性渐变的CSS导航栏在Chrome中不显示背景
- 29
我可以在HTML和CSS中将侧边栏贴到屏幕的左侧还是右侧？（不是导航栏）
我来说两句