Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在传单上用d3使SVG透明_Javascript_Html_D3.js_Svg_Leaflet - Fatal编程技术网

Javascript 在传单上用d3使SVG透明

Javascript 在传单上用d3使SVG透明,javascript,html,d3.js,svg,leaflet,Javascript,Html,D3.js,Svg,Leaflet,我正在关注Mike Bostock关于如何通过d3在传单地图上显示(geo)json 它起作用了——有点像。 当我试图显示这个文件(geoJSON“美国各州”)时,我在地图上看到一个黑色的方块,上面有各州的轮廓 你知道为什么吗?你的样式表可能有问题 的源代码包含以下内容: <style> path { fill: #000; fill-opacity: .2; stroke: #fff; stroke-width: 1.5px; } path:hover { f

我正在关注Mike Bostock关于如何通过
d3
传单地图上显示
(geo)json

它起作用了——有点像。 当我试图显示这个文件(geoJSON“美国各州”)时,我在地图上看到一个黑色的方块,上面有各州的轮廓


你知道为什么吗?

你的样式表可能有问题

的源代码包含以下内容:

<style>
path {
  fill: #000;
  fill-opacity: .2;
  stroke: #fff;
  stroke-width: 1.5px;
}

path:hover {
  fill: brown;
  fill-opacity: .7;
}
</style>

路径{
填写:#000;
填充不透明度:.2;
冲程:#fff;
笔划宽度:1.5px;
}
路径:悬停{
填充物:棕色;
填充不透明度:.7;
}

您应该使用
fill
fill opacity
属性来满足您的需要。

检查样式表。确保添加正确的
背景色
property@pistou我应该在哪里添加它呢?请查看您的教程;你有和它一样的
@pistou吗。谢谢想写下来作为答案吗?