用图像替换边框

时间:2015-12-16 23:40:16

标签: html css twitter-bootstrap css3 twitter-bootstrap-3

边框显示的是图片,因为它已经为整个块完成了。但是,我想隐藏边框不会出现在图像周围。我该怎么办?

<div style="border: 1px solid #000">
    <div class="row">
        <div class="col-xs-24">
            <div style="background-image: url('young.png'); min-height:200px;"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-24">
            <div class="">
                The entire paragraph text is here.
            </div>
        </div>
    </div>
</div>

示例:https://jsfiddle.net/f28zraee/

2 个答案:

答案 0 :(得分:0)

你有错误元素的边框,请看小提琴。 https://jsfiddle.net/f28zraee/1/

private function strip_non_ascii($string){
    $return = '';
    if(preg_match('/^=\?(iso-8859-1|utf-8)\?q\?/i', $string)){
        $return = str_replace('_',' ', mb_decode_mimeheader($string));
    }
    elseif(preg_match('/^(iso-8859-1\'\')(.*)$/i', $string, $matches)){
        $return = utf8_encode(rawurldecode($matches[2]));
    }
    else{
        $return = imap_utf8($string);
    }

    return utf8_encode(preg_replace('/[^a-zæøåA-ZÆØÅ0-9 \-\.,:]/', '', utf8_decode($return)));
}

答案 1 :(得分:0)

将第一行的样式属性移动到第二行<div>的{​​{1}}标记中:

row

编辑: 这是小提琴:https://jsfiddle.net/ye4pn0oz/

什么是downvote?