spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

How to make only background image transparent in responsive square grid?


Seems to work fine if you use the :after/:before solution (setting the image as the background)

You just need to make sure you apply the same background properties.

.imgautumn1:before {
    background-image:
url('https://raw.githubusercontent.com/erooijak/zaaikalender/master/Zk/Content/Images/Autumn/1.jpg');
}
/*  For responsive images as background */
.bg:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; /* you change this to
"contain" if you don't want the images to be
cropped */
    content:'';
    position:absolute;
    top:0;left:0;
    right:0;bottom:0;
}

Demo at http://jsfiddle.net/L7m5psrm/2/


Categories : HTML

Related to : How to make only background image transparent in responsive square grid?
How to create a responsive div with a background image?
Is this more what you're looking for? http://jsfiddle.net/jq3y3oab/7/ I added html, body { width: 100%; height: 100%; } so that the relative values of .ibox don't collapse to 0

Categories : HTML
transparent hover background
just add position: relative; and z-index: 1000; .btn:hover .btn-name { display: inline; background-color: #e0e0e0 !important; width: 100px; padding: 17px 20px 12px 0; margin: 0 0 1px 0; border-right: 1px groove #f00; position: relative; z-index: 1000; }

Categories : HTML
delphi transparent background component
Well here's a quick answer, that should get you going. type TEllipticPanel = class(Vcl.ExtCtrls.TPanel) procedure CreateWnd; override; procedure Paint; override; procedure Resize; override; procedure RecreateHRGN; end; TForm1 = class(TForm) Button1: TButton; procedure Button1Click(Sender: TObject); procedure FormCreate(Sender: TObject); private { Private de

Categories : Delphi
How to play a transparent background video of .flv / .mp4 format in iOS application?
MPMoviePlayerController is displayed in it's own context. If you want to add a video to a UIViewcontroller (and I guess that's what you want as you want to deisplay something below the video), you should use AVPLayer to play the Video and use AVPlayerLayer to add the Video to your View.

Categories : IOS
UIWebView PaginationMode always show white background, how to make it transparent?
Maybe try to set the background of the scrollView to clear ? webView.scrollView.backgroundColor = [UIColor clearColor]; EDIT Ok so it seems that after setting UIWebPaginationMode The background become white behind :/

Categories : IOS
Recently Add
Custom CSS for a Fixed DIV
Wordpress Site not loading framework
How to get rid of extra height from td?
Issue with clip-path on an image in Internet Explorer
Styling visited links
Sublime text 2 : select tags with all content in it
Flexbox parent shrinks smaller than children
Yahoo webmail and mailto links
Display text and images in the center of div
Embedding video in html causes operation cancelled
Bootstrap Carousel Isn't Responsive in Full Screen
Formatting is broken in chrome latest version
Universal font styling for forms in Rails app
HTML / inputs elements in the same line
How to make size of apk file smaller created in cordova
Changing text to icons when a media query is met
Switching from one image to another
How to align these two rows using Bootstrap 2.3.1?
HTML CSS Show Text box on hovering
Trying to centre a fixed width rule and left aligned text in a Bootstrap column
How to make input extend to width of column in Bootstrap 3?
Margin-right smaller than margin-left with equal values
Weird Bootstrap Responsive Issue
Style CSS based on nth term count
Converting html5 video - what software to use
CSS positioning width
fixed menu issue, menu stacks vertically when fixed
Why do my images have numbers appended to their names?
Cant get my fixed to top navigation next to each other
Create and pass Model from HTML to Controller
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.