Question

我已在我的网站上安装并自定义了JQuery Advanced News Ticker。有一个问题，一个正确的边界，我无法消失。这是网站（它仍然需要很多工作），所以你可以看到我在说什么。

它位于促销横幅下方。

这是.js文件

        $(document).ready(function() {
            //Quotes rotator
            var divs = $('.cbp-qtcontent');

            function fade() {
                var current = $('.current');
                var currentIndex = divs.index(current),
                    nextIndex = currentIndex + 1;

                if (nextIndex >= divs.length) {
                    nextIndex = 0;
                }

                var next = divs.eq(nextIndex);

                next.stop().fadeIn(1500, function() {
                    $(this).addClass('current');
                });

                current.stop().fadeOut(1500, function() {
                    $(this).removeClass('current');
                    _startProgress()
                    setTimeout(fade, 8000);
                });
            }

            function _startProgress(){
                $(".cbp-qtprogress").removeAttr('style');
                $(".cbp-qtprogress").animate({
                    width:"800px",
                } , 8000);
            }

            _startProgress()
            setTimeout(fade, 8000);
        });
    </script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36251023-1']);
  _gaq.push(['_setDomainName', 'jqueryscript.net']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

这是.css文件

@font-face {
font-family: 'fontawesome';
src: url('../fonts/fontawesome.eot');
src: url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),  url('../fonts/fontawesome.svg#fontawesome') format('svg'),  url('../fonts/fontawesome.woff') format('woff'),  url('../fonts/fontawesome.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

body {
font-family: 'Lato', Calibri, Arial, sans-serif;
color: #47a3da;

}

.main {
width: 800px;
margin:20px auto;

}

.cbp-qtrotator {
width: 800px;
height: 180px;
position: relative;
float: left;
margin: 0;
padding-top: 11px;

}

.cbp-qtcontent {
width: 100%;
height: auto;
position: absolute;
min-height: 100px;
top: 0;
z-index: 2;
display: none;

}

.cbp-qtrotator .cbp-qtcontent.current {
display: block;

}

.cbp-qtrotator blockquote {
margin: 25px 0 0 70px;
padding: 0;

}

.cbp-qtrotator blockquote p {
font-size: 1.25em;
color: #888;
font-weight: 300;
margin: 0 .4em 0 10em;

}

.cbp-qtrotator blockquote footer {
font-size: 1em;
color: #888;
margin:0 0 0 15em;

}

.cbp-qtrotator blockquote footer:before {
content: 'â€• ';

}

.cbp-qtrotator .cbp-qtcontent img {
float: left;
margin: 20px 0 0 0;

}

.cbp-qtprogress {
position: absolute;
background: #47a3da;
height: 1px;
width: 0%;
z-index: 1000;

}

你还需要其他任何东西来帮助我吗？

我感谢StackFlow的每个人。对于这个古老的慢脑，你会得到这样的帮助！

Answer 1

您需要添加CSS：

#cbp-qtrotator > div.cbp-qtcontent.current > blockquote{
     border-right: none;
}

这将删除当前在base.css中设置的边框：

blockquote {
 margin: 0 0 0px; 
 padding: 0; 
 border-right: 1px solid #796172; 
}

Answer 2

边框存在于blockquote标记中。

您可以通过更改内嵌代码中的blockquote css或在css中添加一行来删除此内容。

内联

<blockquote style="border:0px;"> ... </blockquote>

外部CSS样式表

blockquote{
    border:0px;
}

将来我们发现这些问题或者更多关于你的代码的问题，在浏览器中使用代码检查器[F12]，在右栏中，你将能够看到应用于所选元素的所有CSS。

从高级新闻自动收报机中删除右边框

2 个答案: