相关疑难解决方法(0)

我想使用字体真棒图标作为CSS内容,即,

a:before {
    content: "<i class='fa...'>...</i>";
}

我知道我不能使用HTML代码content,所以它只剩下图像吗？

如何将自定义上一页和下一页按钮应用于光滑的旋转木马？我在css类.slick-prev和.slick-nextcss类上尝试过背景图像.我还尝试按照文档添加一个新类,但箭头完全消失了:

<script type="text/javascript">
$('.big-image').slick({
  dots: false,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  centerMode: true,
  variableWidth: true,
  nextArrow: '.next_caro',
  prevArrow: '.previous_caro'
});
</script>

任何指针将不胜感激.

我正在为我的网站Peruvian Connection制作轮播。我需要设置箭头的样式。因此，我查看了stackoverflow论坛，发现可以使用Font-Awesome及其Unicode来更改箭头的形状和味道（这里的线程：如何设置上一个/下一个箭头按钮的样式？）。更改图标时，它们可以在chrome中完美运行。虽然它们在IE中已被切断，但在其他浏览器中却存在一些错误。

您可以在此处找到演示：http ://www.peruvianconnection.com/category/ads/lookbook.do?test= test

经过测试的浏览器：

Chrome-完美运行
Safari-有点点
Firefox-仅适用于特定区域。
IE 9,10,11-箭头被切除。

这是代码或Slick-Theme.css

    @charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */

.slick-prev:before, .slick-next:before { font-family: FontAwesome; }

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: …