html - 页面右上角的CSS

Question

我如何拥有如图所示的右上角 div。我想做一些类似但不完全相同的事情。我认为文本不是图像。

此外，我还看到一些网站在鼠标悬停在右上部分时具有页面悬停效果。知道怎么做吗？

Answer 1

如果文本不是图像，则其他答案均无效。这是一些将 div 旋转 45 度并在 IE + FF + Webkit 中工作的 css。

#yourdiv
{
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     transform: rotate(45deg);
     filter: progid:DXImageTransform.Microsoft.Matrix(M11='0.7071067811865476', M12='-0.7071067811865475', M21='0.7071067811865475', M22='0.7071067811865476', sizingMethod='auto expand');
}