滑动滑块svg箭头未显示
由于某些原因,滑动滑块中的svg箭头不会在线显示。在我的桌面上工作正常,然后当我上传到ftp时,它就不工作了。提供了svg文件,我甚至重新保存并替换了它,但没有用。有什么想法吗 html脚本:滑动滑块svg箭头未显示,svg,slider,Svg,Slider,由于某些原因,滑动滑块中的svg箭头不会在线显示。在我的桌面上工作正常,然后当我上传到ftp时,它就不工作了。提供了svg文件,我甚至重新保存并替换了它,但没有用。有什么想法吗 html脚本: <!-- SLIPPRY SLIDESHOW SCRIPT --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script s
<!-- SLIPPRY SLIDESHOW SCRIPT -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="slippry/dist/slippry.min.js"></script>
<link rel="stylesheet" href="slippry/dist/slippry.css">
<link rel="stylesheet" href="style.css">
您的arrows.svg文件的内容类型/MIME类型错误。如果您查看浏览器开发工具的“Net”选项卡,您将看到它被用作“text/html”。它应该是“image/svg+xml”。您需要配置web服务器,使其能够为SVG文件提供正确类型的服务。如何执行此操作取决于您使用的web服务器。您的arrows.svg文件使用了错误的内容类型/MIME类型。如果您查看浏览器开发工具的“Net”选项卡,您将看到它被用作“text/html”。它应该是“image/svg+xml”。您需要配置web服务器,使其能够为SVG文件提供正确类型的服务。如何执行此操作取决于您使用的web服务器。您的arrows.svg文件使用了错误的内容类型/MIME类型。如果您查看浏览器开发工具的“Net”选项卡,您将看到它被用作“text/html”。它应该是“image/svg+xml”。您需要配置web服务器,使其能够为SVG文件提供正确类型的服务。如何执行此操作取决于您使用的web服务器。您的arrows.svg文件使用了错误的内容类型/MIME类型。如果您查看浏览器开发工具的“Net”选项卡,您将看到它被用作“text/html”。它应该是“image/svg+xml”。您需要配置web服务器,使其能够为SVG文件提供正确类型的服务。如何执行此操作取决于您使用的web服务器。另一种解决方法是将arrows.svg文件保存为具有透明度的PNG文件(我使用Illustrator),并将Slipply CSS文件中出现的所有“arrows.svg”替换为“arrows.PNG”。另一种解决方法是将arrows.svg文件保存为具有透明度的PNG文件(我使用Illustrator),并将Slipply CSS文件中出现的所有“arrows.svg”替换为“arrows.png”。另一个解决方法是将arrows.svg文件保存为具有透明度的png文件(我使用Illustrator),并将Slipply CSS文件中出现的所有“arrows.svg”替换为“arrows.png”。另一个解决方法是将arrows.svg文件保存为具有透明度的png文件(我使用Illustrator),并将拖鞋CSS文件中出现的所有“arrows.svg”替换为“arrows.png”。谢谢!我知道它必须是服务器端的。谢谢!我知道它必须是服务器端的。谢谢!我知道它必须是服务器端的。谢谢!我知道它必须是服务器端的。
.sy-controls li a:after {
content: "";
background-image: url(assets/arrows.svg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center;
text-indent: 0;
line-height: 2.8em;
color: #111;
font-weight: 800;
position: absolute;
background-color: #fff;
width: 2.8em;
height: 2.8em;
left: 50%;
top: 50%;
margin-top: -1.4em;
margin-left: -1.4em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}