How to create a cross with pure css [duplicate]


Tags: html,css,css3

Problem :

This question already has an answer here:

How to create a cross (x) inside a div that cointains an image? The cross must also overlap the image, is possible do it in pure css or I must to create a new image with the cross?



Solution :

If I were you I'd opt for the easy solution, just put an X within a div and give that div your background image

http://jsfiddle.net/vGqDJ/

.image {
background-image: url('http://www.hdwallpapers.in/walls/windows_xp_bliss-wide.jpg');
background-size: cover;
text-align: center;
font-family: sans-serif;
}

    CSS Howto..

    CSS - How to make a text to be shown under the center of an element, no matter how long the text is

    How Do I Set the condition for a user to have to fill in a Textfield

    how to get fixed header with css?

    How to use CSS to increase the contrast on visited hyperlinks?

    How to Create a CSS3 Animated Circle that chages colors when clicked?

    How to calculate padding-top in % of the given div relative to its parent div

    How long can a webpage be?

    How to delete only the selected message inside a #Chat using jquery?

    How can I add a transition for this growing div?

    How to insert the number into the bottom right of each page by TWIG and CSS

    css. How to write (code) css for different window widths?

    How can I centralize this jquery styling colors into css?

    How can i override css property

    How does this site hide the iframe scrollbar?

    How to Skew divs with css

    In a html table cell, how can i force images to be the bottom left and the bottom right that have different heights?

    How can I delete unused css lines?

    How to assign a class or ID to a table within a JavaScript function?

    How to change table cell colour to default on triple click html5/javascript/css

    How to increase the size of an unicode icon awesome fonts relative to its container with CSS

    How to hide the first element on the page with particular css class? [duplicate]

    How to hide table row overflow (take 2)

    How can I force an outer div to expand to height of inner div?

    How can I use CSS for Vaadin components?

    How can mono social icon work without a class per icon?

    css how to float or display two elements of unknown widths next to each other inside a div of unknown width

    CSS Overflow, the scroll bar appears at the bottom, how can I get a scroll bar at the top?

    How to connect css to html in Google Apps Scripts

    How to force a browser to show the latest changes to a CSS file?

    Why does this qtip2 show blank content on 2nd click?