javascript - Link and hover not working in jumbotron -
I am using the bootstrap framework and what I am trying to do, Applying:
Jammotron {Location: Relative; Padding: 60px 30px; Margin-down: 30px; Color: #fff; Text align: center; Text-shadow: 0 pixels 1 px 3px rgba (0, 0, 0, 0.4), 0 px px30px rgba (0, 0, 0, 0.075); Background: Linear-Slope (45deg, # 020031 0%, # 6D3353 100%) Scroll 0% 0% Transparent; Box-shadow: 0 pixel 3px 7px RGBA (0, 0, 0.2) inset, 0px-3px 7px rgba (0, 0, 0, 0.2) inset; } .jumbotron: {After content: ""; Display area; Status: Completed; Top: 0 pixels; Correct: 0 pixels; Bottom: 0 pixels; Left: 0 pixels; Background: url ('css / bs-docs-masthead-pattern.png') repeat scroll center center transparent; Opacity: 0.4; }
The problem I am experiencing is that when I type in position: absolute
property in jumbotron: after
all Link and hover (but I can get an image on the shield) property remains present. And when I do not use it, I do not get an image (but the link and hover property works). Is there no way to take both things at the same time?
: after
instead of creating an overlay with a pseudo-element, Try setting two gradients on the jambotron:
.jumbotron {status: relative; Padding: 60px 30px; Margin-down: 30px; Color: #fff; Text align: center; Text-shadow: 0 pixels 1 px 3px rgba (0, 0, 0, 0.4), 0 px px30px rgba (0, 0, 0, 0.075); Background: url ('css / bs-docs-masthead-pattern.png') Repeat Scroll Center Center, Linear-Slope (45deg, # 020031 0%, # 6D3353 100%) Scroll 0% 0% Transparent; Box-shadow: 0 pixel 3px 7px RGBA (0, 0, 0.2) inset, 0px-3px 7px rgba (0, 0, 0, 0.2) inset; }
Comments
Post a Comment