English 中文(简体)
How to prevent parent div opacity from affecting child divs in a Primeng Carousel?
原标题:

I m having trouble looking to prevent the "opacity" state of the parent div from being inherited by the child divs.

In this particular code, I was looking for the opacity to not affect the element buttons. In my original code I have multiple states using "radial-gradient" so I haven t had the necessary knowledge to adapt the code using the RGB solution, ::before pseudo element or the "position: relative" solution. I will be very grateful to anyone who can help me.

I attach an example code Code example in Stackblitz

Example

问题回答

How to make a radial gradient with transparency in css

I found this, looks like you can use RGBA for the gradient colors. If your background contains the transparency, you should be able to remove opacity.

Create new empty div under buttons with opacity 0. On hover make it 0.5

I think that your approach will not work because of Cascading nature of CSS.





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签