背景图片链接设置防止css失效

最新推荐文章于 2020-10-22 14:38:00 发布

liulu璐

最新推荐文章于 2020-10-22 14:38:00 发布

阅读量155

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_43566612/article/details/107370310

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="2.css"/>
	</head>
	<body>
		<a href="http://www.taobao.com">淘宝网</a>
	</body>
</html>

方式一：

a{
	display: inline-block;
	width: 200px;
	height: 76px;
	text-decoration: none;
	color: firebrick;
	border: black 1px solid;
	background-image: url(1572809375526-200-76.png);
	background-size: 200px 76px;
	text-indent: 210px;
	white-space: nowrap;
	overflow: hidden;
}

方式二：

a{
	display: inline-block;
	width: 200px;
	height: 0px;
	text-decoration: none;
	padding-top: 76px;
	color: firebrick;
	border: black 1px solid;
	background-image: url(1572809375526-200-76.png);
	background-size: 200px 76px;
	overflow: hidden;
	
}

去掉css后：

依然能显示出HTML部分，依然能点击链接进入。

liulu璐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
背景图片链接设置防止css失效

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="2.css"/> </head> <body> <a href="http://www.taobao.com">淘宝网</...
复制链接

扫一扫