SVG元素背景色
和风梅斯
我有一个<svg>带有的元素，该元素<path>应该以与我的网站页脚相同的灰色绘制填充曲线（参见图片）。
问题是背景中显示的浅灰色应该是白色。
我尝试了所有我想不到的CSS样式。这是浏览器问题吗？
我正在使用jQuery在Squarespace 6托管模板（非开发人员模式）上插入<svg>和<path>元素。
编辑：在运行10.9.4的Mac上，Firefox 31.0中存在灰色，但Chrome 37.0.2062.68或Safari 7.0.5中不存在灰色。iPhone和iPad运行iOS 7.1.2灰度存在在Safari为iOS和Chrome 36.0.985.49。
编辑＃2：当我将<svg>元素移动到页面上的其他位置时，有问题的背景变为白色。
任何想法都将不胜感激。
问候，
和风
注意：可以在http://www.intuitivebythesea.com上查看实时站点。
<footer id="footer">
<svg id="curveUpColor" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none" width="100%" height="65">
<path d="M0 100 C 20 0 50 0 100 100 Z"></path>
</svg>
<div class="footer-wrapper">...</div>
</footer>
款式
/* Section Separator Styles */
#curveUpColor path,
#curveDownColor path {
fill: #636363;
stroke: #636363;
}
#curveUpColor,
#curveDownColor {
background-color: #ffffff;
}
和风梅斯
行。我发现了这个问题-正如指出的那样，问题出在主页上有一个冲突的元素-一个设计用于视差导航的模板。
罪魁祸首是：
.content.has-main-image {
box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.1);
}
创造了我所看到的“阴影”。至少可以说令人沮丧。
我不能对@Axel表示感谢，感谢他提供了一种替代性的优雅解决方案，并让我踏上了通往这一发现的道路。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何填充导航元素的背景色
- 2
检索表中元素的背景色
- 3
元素特定区域的背景色
- 4
物料cardView子元素的背景色
- 5
递归获取元素的背景色失败
- 6
获取背景色以填充整个元素
- 7
如何将元素的背景色与2种半透明的元素背景色匹配
- 8
如何将元素的背景色与2种半透明的元素背景色匹配
- 9
如何设置ap元素的背景色还可以设置上图的背景色
- 10
将具有渐变的元素的背景色更改为无渐变的背景色
- 11
背景色滑块
- 12
JTextPane背景色
- 13
HTML背景色
- 14
移除背景色
- 15
NavigationBar背景色
- 16
背景色滑块
- 17
文字的背景色
- 18
书写背景色
- 19
背景色phantomjs
- 20
JList背景色
- 21
ItemControl背景色
- 22
FormBorderStyle 背景色
- 23
是否可以设置硒中元素的背景色
- 24
jQuery-在元素可见时删除背景色
- 25
在<img>元素上时，背景色消失
- 26
使用SASS功能自动使嵌套元素的背景色
- 27
使用CSS混合2种元素的背景色
- 28
将背景色应用于每个元素
- 29
具有伪元素继承父级背景色
我来说两句