Linked Questions
88 questions linked to/from How do I combine a background-image and CSS3 gradient on the same element?
-1
votes
1
answer
7k
views
How to add linear-gradient with background-image on same element? [duplicate]
How to add linear-gradient colour with background-image on same element or div? I want to add background-image with linear-gradient on same html element or div. But I am unable to do it so. Any help ...
0
votes
1
answer
4k
views
background image and color together [duplicate]
how I can give a div an background image then make it darker a bit and when i hover to div i want the darker the remove
<div id="bg">
<h1>Cat</h1>
</div>
css:
#bg{
...
- 3
7
votes
3
answers
317
views
CSS issue with background button [duplicate]
I have a button, that has a gradient on it. I also needs an image arrow on it, but when I put it to background, and a button with two classes it seems not to work. Below is an example:
<button ...
- 2,397
0
votes
1
answer
1k
views
transparent radial gradient with image behind? [duplicate]
I saw a wesite with a neat simple gradient and a partially oscured image, how can I acheive this with CSS?I guess with an absolute overlay with a radial but I'm not very good with gradient... is this ...
- 3,673
0
votes
1
answer
2k
views
Combine background-colour CSS3 with a image semitransparent [duplicate]
How can i combine a background-image with a degraded background-color in CSS3?
The css code:
background: linear-gradient(rgb(208, 208, 208), rgb(242, 242, 242) 50%, rgb(208, 208, 208)) repeat ...
1
vote
0
answers
952
views
CSS - When I used a gradient background I found the image disappeared [duplicate]
I know I'm pretty pathetic but I ve this problem:
I used an image and a colour for the background of a page in my homepage. Everything ok but the result...mmmmm. Then I found on internet some code ...
- 11
0
votes
1
answer
729
views
CSS: combine gradient background in header with image as logo [duplicate]
I am trying to use this gradient:
background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgba(204, 202, 204, 1) 0%, rgba(204, 202, 204, 1) 11%, rgba(252, 252, 252, 1) 45%, rgba(252, 252, 252, 1) 53%, ...
- 1,222
3
votes
1
answer
441
views
Multiple background images - Can't bring image to the front [duplicate]
I'm using CSS3 gradients for my menu button's background color/hover color and I'm having trouble getting one of my backgrounds (an icon) to appear above the gradient, on hovering. CSS:
#nav_menu a:...
- 1,365
-1
votes
2
answers
552
views
CSS3 Gradients with background images?? Possible? [duplicate]
Possible Duplicate:
Is it possible to combine a background image and CSS3 gradients?
I'm using CSS for a background gradient:
background:-webkit-gradient( linear, left top, left bottom, color-...
- 3,607
0
votes
2
answers
347
views
Is there a way to make a gradient background image extend beyond an actual image? [duplicate]
I'm trying to have an image as my background. However, with super large resolutions available, it is just white space beyond the image. I don't want repeat. I tried this but all it shows is the image....
- 99
0
votes
2
answers
78
views
display picture overlapping css elemts [duplicate]
I would like to display image to the left (border same as left border of white section to the left of blue box). Now Image will be visible only when remove background-image: linear-gradient(#a4c2e8,#...
- 269
4
votes
0
answers
106
views
Is there anyway to overlap background image with gradient inside a single background property? [duplicate]
When I want to combine two background images, I can simply separate them by comma, e.g.:
.foo {
background-image: url(bg_1.jpg), url(bg_2.jpg);
background-position: center center, left top;
...
- 9,838
1
vote
0
answers
129
views
Why can't I use background image and gradient together? [duplicate]
Hi I want to use background as half page image and half page gradient effect with css. i am doing it here i give you css code and html code but it is not working .
HTML
<div class="inner-pp-15"&...
- 866
-1
votes
1
answer
121
views
how to apply background image to css gradient div? [duplicate]
<div>
background image with gradient goes here
</div>
div{
background: rgb(0,170,175);
background: linear-gradient(90deg, rgba(0,170,175,1) 0%, rgba(0,170,175,1) 35%, rgba(0,170,175,0....
-1
votes
1
answer
65
views
CSS won't smoothly transition between pictures [duplicate]
I'm quite new to HTML and CSS where I'm building a basic business website for personal project. I have added a few photos for a slideshow to show on my header/index home page of the website. What I ...
- 3