image - 如何在整个背景网页上添加文本内容滑块

Question

我想在全屏背景网站上添加一个文本内容滑块。我的css很差。所以请帮我添加一个漂亮的文本内容滑块来描述每个背景图像。以下是我的后台页面 http://alampady.tk/fullbg/testbackground.html

问候阿什拉夫

Answer 1

将此添加到您的

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'>

这是你的样式表

.colorbag {
   position: absolute;
   top: 300px;
   left: 900px;
   width: 500px;
   border: thin dotted;
   height: 200px;
   background-color: #ccc;
   opacity: 0.6;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 10px;
   font-family: 'Open Sans', sans-serif;
   line-height: 22px;
}

.colorbag span.subtext {
   font-weight: 600;
   font-size: 22px;
}
.colorbag font {
   font-weight: 300;
   font-size: 14px;
}

然后我认为它会好 10 倍 =)