我只是在网站上工作,我需要一个右上角的图片,点击后会链接到另一个网站。我在CSS文件中创建了这个:
div.image:before {
content:url(http://LinkToMyImage);
max-height: 169px;
max-width: 220px;
position: absolute;
top: 0px;
right: 0px;
}
然后添加这个html:
<div class="image"></div>
它似乎正是我想要的,但它显然不是一个链接,有没有办法让这个可链接?我已尝试href到div但这不起作用。任何帮助是极大的赞赏!谢谢!
答案 0 :(得分:2)
只需使用锚标记即可完成相同的操作。此外,通过引用您的类适用的元素,不需要对您的css如此具体。处理所需的时间比使用类名要长一些。
如果您需要更高级别的特异性,请使用其他类名称定位元素。如果标记需要在将来更改,则避免使用特定元素会使代码更加灵活。
将您的HTML更改为:
<a class="image"></a>
和你的css:
.image:before {
content:url('http://LinkToMyImage');
// You should also be able to safely eliminate `display: block;`
// when setting `position: absolute`, but included it just in case you
// experienced problems setting width and height
display: block;
height: 169px;
width: 220px;
position: absolute;
// top 0 is usually inferred when setting position: absolute;
// you should be able to remove this
top: 0px;
right: 0px;
}