Asksearch_php.cn

Community Learn Tools Library Leisure

English

Popular searches：
PHP
MySQL
jquery
HTML
CSS

How to implement random mapping of element background?

I want to randomly set the background color of each element but when I insert it into the following code, the background color becomes transparent: {modules.map((module,index)=>(<divclassName='carousel-moduleshadow' style={{background:"#"+Math.floor(Math.random()*16777215).toString(1...

P粉286046715 2023-09-11 22:32:31

How to add two linear gradient backgrounds on the same element - Tailwind Tutorial

Is it possible to add two linear backgrounds to one element in Tailwind? Here is the valid CSS code: background-image:linear-gradient(toright,#f8fafb50%,#16161650%),linear-gradient(toright,#16161650%,#f8fafb50%); I tried adding it twice like this: className="bg-gradient-to-rfrom-w

P粉561438407 2024-03-27 08:57:02

Change background image opacity while preserving visibility of child elements

Is it possible to set the opacity of a background image without affecting the opacity of child elements? All links in the sample footer require custom bullets (background image), and the custom bullets should have an opacity of 50%. HTML<divid="footer"><ul><li><ahref=&...

P粉354602955 2023-10-10 19:40:19

element background

Why is the background I set not displayed? <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Theme</title> <style ty

残刀殉菊 2018-08-12 20:05:43

javascript - js How to dynamically add the background color of li, and delete the same class of other sibling li

{Code...} I want to change the color of this when clicked, but other sibling li cancel the existing background color. And when other sibling elements are clicked, the sibling elements get the background color, and the background color of this is cancelled.

天蓬老师 2017-05-19 10:38:06

Why do verticalalign:textbottom and verticalalign:bottom have the same effect?

The position of the line box baseline is affected by all elements in the line. .short-box{width:30px;height:30px;background-color:pink;display:inline-block;}.box{background-color:bisque;margin-bottom:10px;}.tall-box{width:30px ;height:100px;background-color:pin

P粉633309801 2024-04-02 09:45:45

How to activate link and div element at the same time?

When I hover over the div element, only it lights up, the link does not. Is there a way to make the button brighter as a whole, instead of brightening the button background first and then the link. Buy Buy Buy a: visited {white color} a: hover: visited {color: RGB(180,179,179);} a link {white color;...

P粉547170972 2023-09-16 16:59:06

Overflowing container with equally tall children

I searched the available questions but didn't find a solution. I'm trying to set the height of all elements of a horizontal overflow container to be equal to the height of the longest element. body{}section{width:300px;background:lightblue;overflow:auto;white-space:nowrap;}div{display:inline-block;m...

P粉207969787 2024-03-22 13:42:51

How to use CSS filter effects on background images

I have a JPEG file that I'm using as a background image for my search page, and I'm setting it up using CSS because I'm working in a Backbone.js context: background-image:url("whatever.jpg"); I Want to apply a CSS3 blur filter to only the background, but I'm not sure how to style just that...

P粉022285768 2023-08-20 13:28:36

How to apply CSS filter on background image

I have a JPEG file that I'm using as a background image for a search page, and I'm setting it up using CSS because I'm working in a Backbone.js context: background-image:url("whatever.jpg"); I Want to apply a CSS3 blur filter to the background only, but I'm not sure how to style just that ...

P粉722409996 2023-08-21 11:18:28

Assign classes to most recently clicked element

I have a calendar that looks like this, styled using TailwindCSS: 8Wednesday is currently clicked, so it has a pink background and a pink shadow. The 7th one is the previously clicked element, that's why it only has pink shadow (I removed the pink background class but kept the pink shadow). What I w...

P粉021854777 2024-04-03 16:36:09

Grid template columns not aligning items on rows

I'm new to HTML and CSS and I'm trying to create a navigation bar using grid-template-column. My idea is to divide the navigation bar into 3 parts: logo part, website homepage part and social links part. The problem is that the elements inside the divnavBar are not aligned contiguously, but the divs...

P粉696605833 2024-04-03 16:58:18

How to tell if the mouse has stopped hovering over an element?

I want to know how to stop mouse hovering over an element in javascript or using css. I'm making an animation where the background changes color when the mouse is hovering over it, and I also want to add an animation when the mouse stops hovering over the element. How can I do this?

P粉547420474 2024-03-31 13:28:28

How to apply CSS filters to background images

I have a JPEG file that I use as a background image for a search page, and I'm using CSS to set it because I'm working in a Backbone.js context: background-image:url("whatever.jpg"); I want to set it only for the background A CSS3 blur filter is applied, but I'm not sure how to style just ...

P粉675258598 2023-08-23 14:06:46

css - Why does the blur() filter have a transparent effect?

The current situation is like this. Beijing sets a blurred background for store photos, but now using filterer to blur it, there is a transparent problem. How to solve it? Because usually the blurred background is usually a pseudo element, but when using vue, the image resource cannot be obtained in...

巴扎黑 2017-05-16 13:26:12

How to remove white space around icons in CSS FLEXBOX?

I'm a beginner, can someone explain me how to get rid of the blue background color around my icons when I use flexbox? I can't generalize properties of child elements to their parent elements. My code and my results I don't want to use inline-flex. Thanks

P粉765570115 2023-08-10 14:11:39

How to change div background based on component field on mouseover

I have a div that when it is hovered, the background color changes, I also need to select the color based on an element in the component. <div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31

Custom drop-down arrow

Is it possible to change the select tag's dropdown arrow to a custom arrow consisting of 4 elements. I want it to look like this: 3 horizontal lines on the left and a downward arrow on the right I successfully achieved this effect with one element (a horizontal line).select-wrapper::before{content:&...

P粉986937457 2023-08-17 17:52:04

The value of the background shorthand property expands incorrectly when trying to call HTMLElement.style

In the element's styles, I have some inline CSS declarations, including a shorthand declaration for the background <style>:root{--bg-white:rgba(255,255,255,0);}</style><divstyle="background:var (--bg-white);..."></div> But when iterating over HTMLElement.style, the ...

P粉269530053 2023-09-03 21:10:48

The rewritten title is: Change the list title in response to the cursor moving to the list element

I'm creating a linked table and I want to make the table prettier by changing the background color of the table header when I move my mouse over one of the list links. However, I don't know how to change the properties of a container element by affecting its smaller elements. This is my code: <ht...

P粉131455722 2023-09-04 23:54:54