2017-03-24 4 views
0

Wie entfernen Sie die Farben in den Ecken?Hintergrundfarbe fixieren

body { 
border: 30px solid #fff; 
border-radius: 50px; 
background-color: blue; 
background-attachment: fixed; 
position: fixed; 
width: 100%; 
height: 100% 

}

enter image description here

+1

erstellen Sie bitte ein Arbeits snippet so c wir Sehen Sie sich den gesamten Code dafür an. –

Antwort

3

in Ihrem HTML-Körper haben die folgenden:

<body> 
<div> 
    <!-- all other body html here --> 
</div> 
</body> 

Dann in Ihrem CSS:

body { 
    position: fixed; 
    width: 100%; 
    height: 100% 
} 
body > div { 
    height: 100%; 
    width: 100%; 
    background: blue; 
    border: 30px solid #fff; 
    border-radius: 50px; 
} 

JSFiddle: https://jsfiddle.net/d7bd5fjm/

+0

Danke für Hilfe –

0

Sie könnten die Grenze Pixelgröße erhöhen, und es wird die Ecken

+0

Ich verstehe nicht, bitte mit Code zeigen? –

0

Sie sollten einen zusätzlichen div-Tag verschleiern addieren und die Hintergrundfarbe dort statt im Body-Tag.

+0

Ich verstehe nicht, bitte mit Code zeigen? –

0

TRY,

body { 
     border: 20px solid #fff; 
     border-radius: 50px; 
     background-color: blue; 
     background-attachment: fixed; 
     position: fixed; 
     margin: -15px; //Pulling the border outwards. 
     width: 100%; 
     height: 100% 
    } 
+0

Es gibt keinen Unterschied. –

+0

Wie wäre es jetzt? @BatuhanAkkaya – DeeJay

0

Statt es auf der body Einstellung, warum stellen Sie es nicht auf ein neues Element, wie ein div oder so etwas? Aber wenn Sie darauf bestehen, es auf den Körper zu halten, das Setzen von Weiß auf der html ist eine Möglichkeit, es zu tun ...

html { 
    background: white;} 
+0

danke. Ich kann das div verwenden, wenn das Problem im Körper ist. –

Verwandte Themen