Questions tagged [stacking-context]

27 questions
2
votes
1 answer

what is the difference between torch.stack([t1,t1,t1],dim=1) and torch.hstack([t1,t1,t1])?

Technically, both the methods torch.stack([t1,t1,t1],dim=1) and torch.hstack([t1,t1,t1]) performs the same operation i.e they both horizontally stack the vectors. But when I performed both on a same vector but they yield 2 different outputs can…
Hemanthsai
  • 35
  • 4
2
votes
1 answer

How to deal with stacking context problem

I am reviewing the stack context concept and am confused about the following example In the parent div, we create a new stack context and I do not understand why the child stack above the parent div, I am also using this image as a…
Sean Liu
  • 831
  • 1
  • 11
  • 23
2
votes
1 answer

`will-change: opacity` doesn't create new stacking context

in MDN web docs it is mentioned that stacking context is formed in these scenarios: Element with a opacity value less than 1 Element with a will-change value specifying any property that would create a stacking context on non-initial value but…
1
vote
1 answer

StackingClassifier has no atribute to predict_proba()

I am trying to construct a stacking classifier for predicting each class, at the same time I need the probability for each elemnt to be in the predicted class. I tried using the predict_proba() method but I seem to run to the same error…
1
vote
1 answer

Preventing a dropdown from appearing behind other dropdowns

I'm building a custom dropdown. The real thing is going to have all the necessary ARIA attributes of course, but here's the barebones version: [...document.querySelectorAll('.select')].forEach(select => { select.addEventListener('click',…
vvye
  • 1,208
  • 1
  • 10
  • 25
1
vote
2 answers

CSS position question. I want to put two images together on the same position

I want to put two images together like enter image description here with responsive. I used relative position for this, but whenever screen become smaller, it goes like this enter image description here I want to use two different images because I'm…
Taehoon
  • 13
  • 3
1
vote
0 answers

Stacking contest: for some reason child stays on top of parent element (Even though parent has higher z-index)

So basically I need the nav ul to stay under the header (which is his parent). Also,the header is the cyan section with the logo and burger button.`
JIRACHI
  • 47
  • 6
1
vote
1 answer

Why is the body tag a stacking context, depending on the background color of the html tag

Every HTML page has a stacking context at the root element (htmltag). In the following example the html tag is the (only) stacking context html { background-color: gray; } body { background: #222; color: white; box-sizing: border-box; } .box…
rioV8
  • 24,506
  • 3
  • 32
  • 49
1
vote
0 answers

Is there stacking context(z-index) priority?

Background I've learned z-index working with stacking-context https://drafts.csswg.org/css2/#elaborate-stacking-contexts And there are a lot of properties that can make stacking-context.…
sundicide
  • 11
  • 2
1
vote
0 answers

CSS stacking context affecting SVG opacity?

I came across an "issue happening on Safari" raised which finally lead me to discover a very different behaviour on some scenario on Chromium based browsers vs. Firefox vs. Safari, with 3 different results. But I can't really find any reference on…
Áxel Costas Pena
  • 5,886
  • 6
  • 28
  • 59
0
votes
3 answers

Table row shadow below all data cells

Im having trouble making a valid HTML table with vertical spacing between rows and shadow below each row. The shadow always goes on top of other table data. I have positioned the elements and set a z-index. table { border-collapse:…
ViktorMS
  • 1,112
  • 10
  • 25
0
votes
0 answers

CSS Stacking of an positioned element inside an unpositioned element

Unfortunately, I am having trouble understanding the CSS stacking algorithm (CSS Stacking algorithm). I have assumed for this example that my viewport has a width of, say, 1000 pixels so that I have a horizontal scrollbar.
Sven
  • 1
  • 1
0
votes
0 answers

Using transform in div doesn't stack properly with its pseudo element in CSS

I am facing an issue with the stacking order of div element with its pseudo-elements ::before and ::after. In the below code, I have commented this line of code which says, transform: translate(10px, 10px); so it works as expected but if after…
0
votes
0 answers

Transposing and stacking data in R under unique IDs

Thank you Andrew James. Your advice was insightful! I would like to transform my data from 'DATASET A' to 'DATASET B', using R. DATASET A country name Series…
0
votes
1 answer

How to get items in a div to show in a row, stretch to fit the entire parent div, stack when screen is shrunk, but keep all items the same size?

I have a div with an odd number of card like divs in it (i.e 3). I want the card divs to be in a row on full screen and stretch to the whole screen. When minimized, I want them to stack. When the cards go to a column, they look completely fine and…
1
2