CSS html：非标准图片框架：如何实现CSS和HTML？
姆法德尔
我正在尝试创建一个photoslider，在主要内容中必须在框架中更改图片http://syrdoccam.com/newfilika/index.html
我正在使用此框架http://syrdoccam.com/newfilika/images/frame.png
<div id="projectpicture">
<img id="projpicFrame" src="images/frame.png">
<a class="projlink" href="http://www.filikaajans.com">
<img id="picProj" src="images/projpic.png">
</a>
<div id="arrows">
</div>
#projpicFrame {
margin-top: -7px;
margin-left: 50px;
}
#picProj {
margin-left: -569px;
margin-top: -7px;
position: absolute;
}
我想以一种很好的方式实现这一目标吗？
道森
诚然，出于兼容性原因，我已避开CSS掩码。如果您知道您的核心受众将能够看到他们，那么就去吧。
还有一种自适应设计的想法：为所有提供类似UX / UI的用户提供体验。
在这一点上，我提供了这一点： 
使遮罩的外部与您的背景图像或颜色匹配。然后只有真正需要的地方才透明。这种方法将允许在IE7中使用滑块。
提供最简单的解决方案作为默认设置。如果您有兼容的浏览器正在查看该网站，请使用javascript功能检测来加载SVG。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML和CSS背景图片
- 2
HTML＆CSS-文字和图片
- 3
HTML和CSS背景图片
- 4
HTML和CSS尝试放置图片
- 5
如何使用HTML和CSS实现立方体效果
- 6
如何使用HTML CSS将图片居中
- 7
图片HTML文字上的CSS
- 8
图片下方的HTML / CSS文字
- 9
HTML / CSS图片未包装
- 10
图片显示在CSS，HTML中
- 11
HTML 和 CSS：如何将姓名和职位名称更改为图片下方
- 12
在图片上添加图片html + css
- 13
HTML（5）和CSS（3）标准库/ API？
- 14
HTML（5）和CSS（3）标准库/ API？
- 15
CKEditor 4和非标准HTML元素
- 16
使用CSS和HTML缩放背景图片
- 17
如何使用CSS实现此效果（图片）
- 18
HTML/CSS 下拉列表的实现
- 19
CSS和HTML激活
- 20
兼容的HTML和CSS
- 21
HTML和CSS表
- 22
如何使用xpath定位非标准html标签？
- 23
如何使用xpath定位非标准html标签？
- 24
如何使用Node.js在Hexo等框架中编辑CSS和HTML
- 25
如何使用html，css，jquery等下载更少的相同图片？
- 26
在 html 中使用非标准字体
- 27
如何使用html和CSS使这个div？
- 28
如何使用html和CSS更改页面？
- 29
如何同时更改CSS和HTML文件
我来说两句