title: CSS radial menu
body: <p><strong>What I'd like to do:</strong></p>
  
  <p>I would like to create a <strong>radial menu</strong> as shown below, considering all elements in the picture interactive, i.e the image in centre as well as the four quarters around it.
  It's important that the solution is cross-browser compatible.
  This is just a simple example as the parts dont really have to be quarters, they can be any possible number of parts :</p>
  
  <p><img src="https://i.stack.imgur.com/w2aVD.png" alt="CSS radial menu"></p>
  
  <p><strong>Solutions Tried So Far :</strong></p>
  
  <p>I have tried using CSS3 round div with border , where the border have these images as background, but doesnt really work well, as each element has to be a stand-alone element.</p>
  
  <p>I heard about css-shapes, but I don't know how to use it to create the radial menu.</p>
  
  <p><strong>EDIT:</strong>
  Maybe there is also a way to add a text caption to each of these images...</p>
  
  <p>Thank you for help!</p>