Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS Style window background beyond page on Mac possible?

Tags:

browser

css

macos

Is it possible to style or color the window pane background of the browser?
When scrolling beyond the edge in Chrome and Safari on Mac,
the whole page is pulled a bit down and/or sideways.

It shows a basic canvas style of texture,
is it possible to style that region (with CSS) ?

Edit: i found a (crude) way to prevent the overscrolling entirely,
but i'm looking for a way to set a color or texture, to match the overall design.
Prevent "overscrolling" of web page

Scroll beyond page edge

like image 533
GDmac Avatar asked Mar 18 '14 11:03

GDmac


People also ask

How do I change the background of a whole page in CSS?

We can set a full-page background color by simply changing the screen height of an HTML body. In Tailwind CSS, we use an alternative of CSS background-color property which is represented as background-color-opacity ( eg: bg-blue-200 ) and it is used to specify the background color of an element.

How do I change the background color of a whole web page?

To set the background color in HTML, use the style attribute. The style attribute specifies an inline style for an element. The attribute is used with the HTML <body> tag, with the CSS property background-color. HTML5 do not support the <body> tag bgcolor attribute, so the CSS style is used to add background color.

How do you change the background on pages Mac?

In the Format sidebar, click the disclosure arrow next to Background. Click the pop-up menu below Background, then choose one of the following fill types: A color or gradient designed to go with the template: Click the Background pop-up menu and choose Color Fill.


1 Answers

probably this is not needed anymore but maybe someone else wants to do the same :D

this should put a background-color on the overscroll-area of any ios device

body:after {
    content: '';
    position: fixed;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    z-index: -1;
    background: #000000;
}

here is the link to my gist

like image 143
Simon Rothert Avatar answered Sep 29 '22 07:09

Simon Rothert