小编RMi*_*res的帖子

我有一个图像,周围有一个5px的边框,我想围绕图像和边框的角落,但在webkit中,图像保持矩形,而边框的角是圆的.结果,图像与边界重叠并且在每个角落处创建看起来像边界线之间的间隙的图像.

我希望它看起来像这个http://jsfiddle.net/rmi14/HWDtx/19/,但是在webkit上,白色背景是矩形的,最终重叠一些浅蓝色边框并切断它.

我试图使用JavaScript和/或jQuery将文本添加到div中,然后每隔10秒将文本更改为不同的文本 - 所以有点像纯文本的幻灯片.这是我的代码:

<div id="textslide"><p></p></div>

<script>

var quotes = new Array();

quotes[0] = "quote1";
quotes[1] = "quote2";
quotes[2] = "quote3";
quotes[3] = "quote4";
quotes[4] = "quote5";

var counter = 0;

while (true) {
    if (counter > 4) counter = 0;
    document.getElementById('textslide').firstChild.innerHTML = quotes[counter];
    counter++;
    setTimeout( // not sure what to put here, 500); // Want to delay loop iteration
}

</script>

我有一个导航div有三个图像.每个图像都有一个绝对位于图片底部的标题元素.我试图在同一行上显示彼此相邻的所有三个图像,但图片显示为块.我是新手.非常感谢您的帮助!

HTML:

<div class = "nav">
    <div class = "container">

        <div class = "image">
            <img src = "img1"> 
        </div>
        <div class = "title">
            <p> text1 </p>
        </div>

    </div>

     <div class = "container">

        <div class = "image">
            <img src = "img2"> 
        </div>
        <div class = "title">
            <p> text2 </p>
        </div>

    </div>

     <div class = "container">

        <div class = "image">
            <img src = "img3"> 
        </div>
        <div class = "title">
            <p> text3 </p>
        </div>

    </div>
</div> 

CSS:

.nav {
    display: inline;
}

.container …