перейти по треугольнику нажмите

Question

У меня есть форма треугольника, на котором клик я хочу, чтобы клиент перемещался на другой странице.

Ссылка на всю площадь. Как я могу это решить?

мой DIV является:

div{ 
    border-bottom: 50px solid red; 
    border-right: 50px solid transparent; 
    width: 0; 
    height: 0; 
    top: 0; 
    position: absolute; 
    cursor: pointer; 
    line-height: 75px; 
} 

JSFIDDLE

Answer 1

Это повторяющийся вопрос: Triangular link area

Вставьте ссылку в DIV

Используй перекос или повернуть: http://jsfiddle.net/0a8aq5ve/

html,body { 
    height:100%; 
    margin:0; 
    padding:0; 
} 
div { 
    height:50%; 
    border:10px solid lightgrey; 
    position:relative; 
    overflow:hidden; 
} 
a { 
    position:absolute; 
    bottom:0; 
    width:100%; height:20%; 
    background:red; 
    -webkit-transform-origin: 100% 0; 
    transform-origin: 100% 0; 
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}