使用modernizr設定網頁效果的支援與不支援範例:
<head><script src="modernizr-2.6.1.js"></script>
使用modernizr設定支援與不支援
<style>
body {background-color: #c15811;}
.textshadow h1 {color: #187871;
text-shadow: 0px 0px 10px #ffffff;}
以textshadow h1設定加入白光暈
瀏覽器支援效果時則有光暈
.no-textshadow h1 {color: #ffffff;}
h1 {font-family: "微軟正黑體", schoolbell;
font-size: 38px;
text-align: center;}
瀏覽器不支援效果時則為無光暈文字
</style>
</head>
<body>
<h1>我會發光</h1>
</body>
支援時
不支援時
沒有留言:
張貼留言