1

境界線が表示されない理由がわかりません。すべての要素をカプセル化するメイン ラッパーがあります。各要素の背景を透明な白にしてから、透明な白い境界線をラッパーに追加しています。

http://violetoeuvre.com/

/* Wrapper - Main *********/    
.main_wrapper{ 
        display:block;
        background: rgba(255,0,0,.5);
        width:1000px;
        height: 2000px;
        margin-left:18%;
        margin-top:7%;
        border:10px;
        border-color: rgba(255,255,255,.5);
}

html

<div class="main_wrapper">

<!-- Logo _____________________________________________________-->

<div class="logo">
    <a href="index.html"><img alt="emma carmichael" height="150px"
            src="images/Home/emma-logo.png"></a>
</div>

<!---Navigation Menu ______________________________________________-->

    <div id="main_menu" class="wrapper_nav_box">
        <div class="nav_box">
            <a href="writing.html">WRITING</a> 
        </div>
        <div class="nav_box">
            <a href="http://tumblr.com">BLOG</a>
        </div>
        <div class="nav_box">
            <a href="contact.html">CONTACT</a>
        </div>
    </div>

何か案は？

4

1 に答える 1

1

@Lotus が言ったように：

ボーダースタイルを含めるのを忘れました

Lotus が提案した省略形を使用する代替手段として、次のようにすることができます。

.main_wrapper
{ 
    /*other stuff*/
    border-width: 10px;
    border-style: solid;
    border-color: rgba(255,255,255,.5);
}

注：これを追加して、Lotusの回答を拡張し、@Claireのコメント「省略形を使用する必要があることはわかっていますが、他の方法ではうまくいかないのはなぜですか?」に回答するのに役立ちます。

于 2013-03-23T02:48:44.760 に答える