37 questions
-1
votes
1
answer
87
views
CSS stacking: ::before pseudo-element (button) appears above content on hover [duplicate]
On hover, the buttons show a conical gradient background, which I have set to button-class::before to bring that glow effect for each button.
Image
.button-class{
background-color: #0f0f2c;
box-...
- 1
-1
votes
3
answers
93
views
Elements stacking abnormal behaviour in CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>...
0
votes
2
answers
157
views
Why are elements with view-transition-name painted on top of elements with position fixed?
div {
width: 50px;
height: 50px;
border: solid 2px black;
}
.fixed {
position: fixed;
top: 25px;
left: 25px;
background-color: red;
}
.named {
background-color: green;
view-...
- 2,156
0
votes
0
answers
20
views
Why is my absolute positioned pseudo-element only showing on the top and bottom? [duplicate]
I think I'm missing something very obvious...
I have this piece of html and css
:global(:root) {
--fg-color: palevioletred;
}
.input-container {
position: relative;
margin-top: 2rem;
z-...
- 1,511
1
vote
1
answer
106
views
CSS Stacking Context Issue: Nested Element Overlapping Parent's Sibling Element
I was learning about stacking context and then I wanted to give it a try and test what I had just learned.
As I have understood, z-index works only on those elements that are inside a stacking context ...
- 55
0
votes
0
answers
58
views
Mix-Blend-Mode Overlay - prevent images in lower stacking context to be effected
This might be a pretty specific question.
I have this running text marquee animation. On hover the animation pauses and shows a gradient as "text color". The mouse is being tracked to pin ...
- 64
0
votes
1
answer
363
views
Recharts Charts Stacking Issue
I'm using Recharts, the React charting library. My app contains a header that is fixed and at the top, and all the other content just flow under it when I scroll down.
However, the charts I created ...
- 3
0
votes
1
answer
45
views
::before Pseudo-element Not Displaying Below Form Despite z-index -1 Setting [duplicate]
I have a problem where an element created with ::before is not appearing below a form. Even after setting z-index to -1, it doesn't work. How can I fix this issue?
.form::before {
content: "";
...
0
votes
1
answer
68
views
Confusion over sticky element and relative element sibling
I have a very basic html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"...
- 4,128
1
vote
1
answer
52
views
Stacking context between separate containers
I am building a grid in which i would have rows of 'cells' and items that overlay specific cells.
The goal is to emulate this
This consists of one single parent div (the entire grid) and multiple ...
- 123
0
votes
2
answers
256
views
How to build a image slider in desktop
Trying to build something like this, issue is dont know where to start with combinning the stack and listview builder
Tried using a list view builder , work if images are next to eacher other plain, ...
0
votes
1
answer
305
views
Cortex M4 stacking and unstacking with a diferent stack pointer
It is possible to achieve this in a cortex-m4? What i mean is having PSP only on that intervals, and all the rest MSP when there is an interrupt?
The objective is just to do the stacking and ...
- 3
0
votes
1
answer
40
views
Child element not overlapping/stacking on top of parent element with 'Overflow-Y:scroll'
I have an info-box with a list of services on the left column and the content for each service on the right column. I have used a <ul> list to list the services and each service is a button.The ...
- 1
-2
votes
1
answer
258
views
how to choose the hidden layers for MLP classifier?
i'm working in a stacking method , i had a feature vector with 2816 features(1536 features from the first model and 1280 from the second model ) and i want to give this vector to an MLPclassifier to ...
- 1
2
votes
2
answers
817
views
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 ...
- 35
0
votes
3
answers
314
views
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-...
- 1,391
1
vote
1
answer
521
views
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 ...
- 61
1
vote
1
answer
95
views
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(...
- 1,332
2
votes
2
answers
2k
views
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 ...
- 23
1
vote
0
answers
16
views
Stacking contest: for some reason child stays on top of parent element (Even though parent has higher z-index) [duplicate]
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.`
<html>
<head>
</head>
<body&...
- 67
0
votes
1
answer
548
views
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 ...
- 11
0
votes
0
answers
173
views
How to overlap elements in CSS grid when using "overflow:visible"
I have overflowing elements in a grid (overflow:hidden by default and set to overflow:visible on hover). The default stacking order of the browser in a grid is that "later" elements overlap ...
- 28.4k
2
votes
1
answer
137
views
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;
...
- 29.7k
0
votes
1
answer
177
views
Stacking with neural network as baseline model: 'History' object has no attribute 'predict'
I have a problem including a neural network as one of three baseline models in my stacking algorithm.
rf = RandomForestRegressor
xgb = XGBRegressor
nn = Sequential([ Dense(neurons, input_dim=input_dim,...
1
vote
0
answers
606
views
is it possible to create a new stacking context WITHOUT the element being painted as if it's positioned?
what is the question?
Under the current spec of CSS, for any element, creating a new stacking context is equivalent to being painted as if it's positioned.
Various properties creating a new context ...
- 13
0
votes
1
answer
453
views
Plotly Express: Prevent bars from stacking when Y-axis catgories have the same name
I'm new to plotly.
Working with:
Ubuntu 20.04
Python 3.8.10
plotly==5.10.0
I'm doing a comparative graph using a horizontal bar chart. Different instruments measuring the same chemical compounds. I ...
- 2,512
0
votes
1
answer
136
views
Selective stacking context for deeply nested child elements
Consider the following example app, which produces an output that looks like this:
Sandbox Here
JS (React)
export default function App() {
return (
<>
<div className="...
- 1,907
0
votes
0
answers
214
views
How to create a full page overlay effect in HTML that excludes some elements
So I'm trying to insert element markers into client websites, (i.e. I have no control over their site structure, etc.). Now, each of these marker elements is being added with the highest possible z-...
- 147
0
votes
1
answer
90
views
Pandas find consecutive ones, column wise
I am having an output data frame like the one below and I wanted to format the output so that I can use it for the further pipeline.
Few pointers about the data frame:
1)This data frame is the weekly ...
1
vote
0
answers
34
views
Is there stacking context(z-index) priority? [duplicate]
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. https://...
- 11
2
votes
1
answer
2k
views
How to deal with stacking context problem [duplicate]
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, ...
- 1,903
2
votes
1
answer
161
views
`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 ...
0
votes
1
answer
152
views
CSS: Penrose stairs stacking effect
I want to do an effect similar to a Penrose stair where you have element-1 on top of element-2 but behind element-3 witch is behind of element-2 a bit complicated from what I can tell.
I have this ...
- 3
0
votes
1
answer
655
views
CSS. Animation with scale ends up ruining stacking context
Basically. I have a website with a fixed, z-index: 2; navbar. It works pretty well, but i also have an image which scales by 1.2 when hovered over. The problem comes up here. No matter what I do, the ...
- 67
0
votes
2
answers
4k
views
hover effect not working on element with lower z-index
I have a problem with the z-index. I have simulated my problem in this jsfiddle . I have two siblings div inside a container. one of them works as a background of the container and has a hover effect ...
0
votes
0
answers
16
views
Highchart Data Series Column Total but Space
Please help me ...
enter image description here
My JSON Data:
{
"name": "PAKET BRIGHTY UNDERARM GLOWING",
"id": "PAKET BRIGHTY UNDERARM GLOWING",
"...
1
vote
0
answers
168
views
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 ...
- 6,325