小编Cha*_*dly的帖子

如何在悬停时仅在链接图像的底部显示一条线？

我可以在悬停时显示内边框,但我只想显示边框底部.

这是我到目前为止,即使它是使用outline属性而不是border:

#links a img, #links a{ border: none; float: left; }
#links a{ margin: 3px; }
#links a:hover{ outline: 3px solid black; }

没有徘徊:

徘徊:

我今天可能已经盯着电脑屏幕看了太久而且看了一些小东西,但为什么我不能瞄准这些单个细胞呢？(a1,a2,a3等......)

<div class="row-a">
    <div class="a">
        <div class="1"></div>
            sdf
    </div>
    <div class="a">
        <div class="2"></div>
    </div>
    <div class="a">
        <div class="3"></div>
    </div>
    <div class="a">
        <div class="4"></div>
    </div>
    <div class="a">
        <div class="5"></div>
    </div>
    <div class="a">
        <div class="6"></div>
    </div>
    <div class="a">
        <div class="7"></div>
    </div>
    <div class="a">
        <div class="8"></div>
    </div>
    <div class="a">
        <div class="9"></div>
    </div>
    <div class="a">
        <div class="10"></div>
    </div>
</div>

CSS:

div.row-a div.a div.1 {
    border: 1px solid green;
    margin-left: 5px;
    margin-top: 5px;
    background-color:red;
    height: 50px;
    width: 50px;
}

jsFiddle:http://jsfiddle.net/tuHLE/

自从我建立这个指向三角形的三角形以来已经很长时间了.如何改变我的CSS指向左角？

http://jsfiddle.net/3sP8q/

.left-corner {
    width: 0;
    height: 0;
    border-bottom: 15px solid #000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: relative;
}

<div class="left-corner"></div>

如果在向下滚动页面时展开或折叠元素,则会突然重置页面并将焦点移动到页面顶部.

有什么方法可以防止页面移动或使其不那么突然？

    $(document).ready(function () {
        $(".flip").click(function () {
        var panel = $(this).next('.panel');
        $('.panel').not(panel).slideUp('slow');
        $(this).next('.panel').slideToggle("slow");
       });
    });

http://jsfiddle.net/chaddly/5FNTX/